Угловой календарь: добавление ссылок на события

Question

Я использую пакет углового календаря в своем приложении и использую его для отображения задач и событий, опубликованных другими людьми в группе. Я получаю сообщения о заданиях и событиях из бэкэнда, а затем отображаю их в календаре. Мне было интересно, могу ли я добавить ссылку на эти события? Я хочу, чтобы мои пользователи переходили к фактическому маршруту задачи, когда они нажимали на элементы.

Я щелкнул по дате, и появляется список, когда я нажимаю на элементы в списке, я хочу пойти по маршруту, где они показывают фактическую задачу

Я добавил ссылку на объект события, но теперь я не знаю, как добавить это свойство к событиям в шаблонах

шаблон

<div class="container">
  <br />
<div class="row text-center">
  <div class="col-md-4">
    <div class="btn-group">
      <div
        class="btn btn-primary"
        mwlCalendarPreviousView
        [view]="view"
        [(viewDate)]="viewDate"
        (viewDateChange)="changeDate($event, 'previous')">
        Previous
      </div>
      <div
        class="btn btn-outline-secondary"
        mwlCalendarToday
        [(viewDate)]="viewDate"
        (viewDateChange)="activeDayIsOpen = false">
        Today
      </div>
      <div
        class="btn btn-primary"
        mwlCalendarNextView
        [view]="view"
        [(viewDate)]="viewDate"
        (viewDateChange)="changeDate($event, 'next')">
        Next
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <h3><b>{{ viewDate | calendarDate:(view + 'ViewTitle'):'en' }}</b></h3>
  </div>
  <div class="col-md-4">
    <div class="btn-group">
      <div
        class="btn btn-primary"
        (click)="view = 'month'"
        [class.active]="view === 'month'">
        Month
      </div>
      <div
        class="btn btn-primary"
        (click)="view = 'week'"
        [class.active]="view === 'week'">
        Week
      </div>
      <div
        class="btn btn-primary"
        (click)="view = 'day'"
        [class.active]="view === 'day'">
        Day
      </div>
    </div>
  </div>
</div>
<br>
<div [ngSwitch]="view">
  <mwl-calendar-month-view
    *ngSwitchCase="'month'"
    [viewDate]="viewDate"
    [events]="events"
    [refresh]="refresh"
    [activeDayIsOpen]="activeDayIsOpen"
    (dayClicked)="dayClicked($event.day)">
  </mwl-calendar-month-view>
  <mwl-calendar-week-view
    *ngSwitchCase="'week'"
    [viewDate]="viewDate"
    [events]="events"
    [refresh]="refresh">
  </mwl-calendar-week-view>
  <mwl-calendar-day-view
    *ngSwitchCase="'day'"
    [viewDate]="viewDate"
    [events]="events"
    [refresh]="refresh">
  </mwl-calendar-day-view>
</div>
</div>

Answer 1

Похоже, что я пропустил (EventClicked), что добавил мой коллега. Я могу просто добавить функцию маршрутизатора в этом методе.