angular - 事件点击时打开组件：角度日历

Question

我已经实现了角度日历（来自https://angular-calendar.com/#/kitchen-sink），它工作正常并显示来自我的 Spring Boot API 的数据......

this.service.getAll().subscribe(
  data => {
  data.forEach(element=>{
    this.event =
    {
      start: addHours(startOfDay(element.dateIntervention), 8),
       end: endOfDay(element.date),
      title: element.employee,
      color: colors.red,
      //actions: this.actions,
      resizable: {
        beforeStart: true,
        afterEnd: true
      },
      draggable: true
    };
     this.events.push(this.event)
     this.viewDate = new Date(); 
  })
},
  error => { console.log(error); }
);

我只想为其添加一个功能，即在特定事件单击时打开窗口（使用 NbWindowService）的权限

例如这个

Answer 1

我通过在 HTML中将 eventClicked添加到mwl-calendar-week-view来修复它

<mwl-calendar-week-view 
    (eventClicked)="eventClicked($event)"
</mwl-calendar-week-view>

并通过在 TS 中创建此方法

 eventClicked({ event }: { event: CalendarEvent }): void {
    this.windowService.open(ModalMyComponent, { title: `bla bla` });

  }