【发布时间】:2021-04-14 01:12:41
【问题描述】:
我正在努力
"@fullcalendar/angular": "^5.5.0",
我无法重新呈现从 API 调用订阅的事件。我到处搜索,但没有任何效果...请帮助..
代码如下:
calendar.component.html
<full-calendar #calendar [options]="calendarOptions"></full-calendar>
calendar.component.ts
events = [];
calendarOptions: CalendarOptions = {
headerToolbar: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
},
initialView: 'dayGridMonth',
initialEvents: this.events, // How to render calendar when events changes???
weekends: true,
// events: this.events,
// lazyFetching: true,
editable: true,
selectable: true,
selectMirror: true,
dayMaxEvents: true,
select: this.handleDateSelect.bind(this),
eventClick: this.handleEventClick.bind(this),
eventsSet: this.handleEvents.bind(this)
};
ngOnInit(): void {
this._calendarService.onDataChanged.subscribe(res => {
this.events = res;
});
}
Final call:当事件发生变化时如何渲染日历???
【问题讨论】:
-
检查
full-calendar的@Input属性,寻找可以传入events的属性,确保类型兼容 -
没有可以传递
events的@Input装饰器。
标签: javascript angular fullcalendar fullcalendar-5 angular11