角2：Fullcalenderのボタンをクリックしたときのサービスへの多重呼び出し

Question

fullcalender Fullcalender角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); 
        }); 
      } 

     }; 

    } 

documentationを1として

Answer 1

をservice.thanksする複数のCALを避けるためにどのように、私を助けてください：

通常のカレンダーは、そのイベントソース（たとえば再フェッチ後、イベントが消えます：ときに前/次をクリックします）。ただし、stickをtrueに指定すると、予定がカレンダーに永続的に固定されます。

3番目の引数に 'stick'を指定しないでください。また、明示的にfalseに設定することもできます。

これがうまく機能するかどうかを確認してください。