Angular 2 :在 Fullcalender 中单击按钮时多次调用服务

Question

我正在使用全日历 全日历角度 2， 当我从 FullCalender 单击上一个或下一个时，每次单击都会调用服务并将相同的事件再次添加到日历中。

export class Calender {
public value: any = 1;
public modalData: any;
calendarOptions: any;
@ViewChild(CalendarComponent) myCalendar: CalendarComponent;
form: FormGroup;
constructor(private route: Router, private calenderservice: CalenderService) {

}
ngOnInit() {

this.calendarOptions = {
height: '1000',
fixedWeekCount: false,
header:
{
left: 'prev,next,today',
center: 'title',
right: 'month,listYear',
},
defaultDate: '2017-01-01',
editable: true,
eventLimit: true,
eventColor: '#ff0000',


events: (start, end, title, callback) => {
this.calenderservice.getExamCandidateById(this.value)
.subscribe(response => {
callback(response),
this.modalData = response.Items
this.myCalendar.fullCalendar('renderEvents', this.modalData, 'stick')
console.log("Cal");
console.log(response);
});
}

};

} 

请帮助我，如何避免多次校准服务，谢谢

Answer 1

根据文档：

通常，一旦日历重新获取其事件源(例如：单击上一个/下一个时(，事件就会消失。但是，将 stick 指定为 true 将导致事件永久固定在日历上。

您不应将"stick"指定为第三个参数，或者您可以将其设置为显式false。

看看这是否适合您？