открыть компонент при нажатии на событие: angular календарь

Question

Я реализовал календарь angular (из https://angular-calendar.com/# / kitchen-раковина ), он отлично работает и показывает данные из моего 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) при конкретном событии click

, например, это

введите описание изображения здесь

Answer 1

Я исправил это, добавив eventClicked к mwl-calendar-week-view в HTML

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

и создав этот метод в TS

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

  }