如何在 fullCalendar 中显示新事件

Question

我正在使用 fullCalendar 来显示这样的事件列表：

this.audiencias = [{
    title: "Audiencia 1",
    date: "2020-09-06",
    allDay: false
  },
  {
    title: "audiencia 2",
    date: "2020-09-07",
    allDay: false
  }];

然后我这样创建我的日历：

this.calendarOptions = {
  initialView: "dayGridMonth",
  dateClick: this.handleDateClick.bind(this),
  events: this.audiencias
};

活动表现不错。在我的“handleDateClick”函数中，我打开一个模式来创建一个新事件，我创建了这个新事件并将这个新事件推送到“audiencias”数组，但是日历没有显示新事件，我不知道是否我必须渲染或重新加载日历，我正在使用 angular 9.1.9，有解决这个问题的想法吗？提前致谢

Answer 1

阅读和阅读后我在文档中找到了解决方案，我不得不让 angular 连接器递归地搜索我的对象内的变化，所以我只需要将“deepChangeDetection”设置为 true，比如这个：

<full-calendar deepChangeDetection="true" [options]="calendarOptions"></full-calendar>

如何在 fullCalendar 中显示新事件

How to show a new event in fullCalendar

fullcalendar

typescript

angular