Angular Fullcalendar 不刷新事件

Question

我正在尝试使用 fullcalendar with angular。

即使将有效事件添加到我的 events 字段中，它们也不会显示在 UI 中。显示硬编码事件。由于我是 angular 的新手，所以错误可能与 fullcalendar 无关。

export class CalendarComponent {
  constructor() {}

  events: EventInput[] = [];

  calendarOptions: CalendarOptions = {   
    events: this.events,
    initialView: 'timeGridWeek',
    initialDate: Date.now(),
    locale: 'de',
    nowIndicator: true,
    themeSystem: 'bootstrap',
  };
  
  async onAddEvent() {
    const modalRef = this.modalService.open(NewEventComponent);
    const newShift: Shift = await modalRef.result;
    if (!newShift) return;
    this.events.push(newShift);
  }
}

这是根据.html

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

我发现重置 events 和 calendarOptions.events 确实有效，难道 angular 无法识别更改？什么是正确的方法？ （见下文）

 this.events = [newShift];
 this.calendarOptions.events = this.events;

Answer 1

如果有人偶然发现这个：

与全日历无关。相反 Angular 无法识别以检测到更改。根据 的回答，重置 events 和 calenderOptions.events 解决了它。