angular - 使用带 Angular 4 的全日历时不显示事件

Question

我想在 angular4 中使用 fullcalendar，我只是显示日历，但我想在点击时添加事件，我在那一天使用 Click 并将对象插入 events[]，新事件被添加到 events 但它不要出现在日历上，我尝试将 stick=true 但没有任何变化。我对 angular 4 比较陌生，只有 typescript ，所以如果我以完全错误的方式处理事情，也请告诉我! :)

谢谢!

export class MyHeaderComponent {

construct(){ }
 private arr:string[]=['az'];
calendarOptions = {
    events :[],
         //click on day make event
    dayClick(date, jsEvent, view) {}  ,  
    renderEvents(event, element, view  ){}
}          


ngOnInit() {
    let newEvents = [
  {
    title: 'name b',
    start: '2017-09-20'
  },
  {
    title: 'name c',
    start: '2017-09-20'
  },
  {
    title: 'name d',
    start: '2017-09-20'
  }
];
    this.calendarOptions.events = newEvents;

    //callback function
    this.calendarOptions.dayClick = (date,jsEv,vie) => {
        let abc:string ='a';
        //abc = prompt('Enter Title'); 
        let dat = date.format()
        let hamz ={
            title:abc,
            start:dat
        };
        console.log(hamz);
        newEvents.push(hamz);
        this.calendarOptions.events = newEvents;
        console.log(this.calendarOptions.events);
        this.calendarOptions.events = newEvents;
        $("#myCalendar").fullCalendar('renderEvents', 
                                        newEvents, 
                                        true //we want to stick it
                                   );
        alert('ok')
      }
   }
}

Answer 1

解决方法:

calendarOptions  =  {
    dayClick: function(date, allDay, jsEvent, view){},
};
ngOnInit() {
this.calendarOptions.dayClick = (date) => {
            let eventName = prompt('titre de l\'évènement')
            if(eventName){
                var newEvent = [{
                    title: eventName,
                    start: date
                }];
                //objet jquery
                $('#calendar').fullCalendar('renderEvents', newEvent, true);
            }
}