- 在更新事件时,手动调用
refetchEvents
方法来刷新事件列表:
@Component({
selector: 'my-calendar',
template: `
`
})
class MyCalendarComponent implements OnInit {
@ViewChild('calendar') calendar: FullCalendarComponent;
events: any[] = [];
ngOnInit() {
this.loadEvents();
}
loadEvents() {
// Load events from server...
this.events = [...];
// Manually refresh events
this.calendar.getApi().refetchEvents();
}
handleEventClick(event: any) {
console.log(event.title);
}
}
- 尝试设置
events
属性为一个新的数组引用,而不是在原地修改已有数组。
@Component({
selector: 'my-calendar',
template: `
`
})
class MyCalendarComponent implements OnInit {
@ViewChild('calendar') calendar: FullCalendarComponent;
events: any[] = [];
ngOnInit() {
this.loadEvents();
}
loadEvents() {
// Load events from server...
const newEvents = [...];
this.events = newEvents; // Set new reference
}
handleEventClick(event: any) {
console.log(event.title);
}
}