Angular-calendar: how to define custom event template in week view

Created on 6 Apr 2018  路  3Comments  路  Source: mattlewis92/angular-calendar

how to get event attributes in the template ?

Most helpful comment

for example:

<mwl-calendar-week-view
       ...
      [eventTemplate]="templatePlan"
    >
    </mwl-calendar-week-view>
    <mwl-calendar-day-view
      ...
      [eventTemplate]="templatePlan"
    >
    </mwl-calendar-day-view>

<ng-template #templatePlan let-weekEvent="weekEvent">
  <div (click)="debugConsole(weekEvent)">
    Evento es: {{weekEvent ? weekEvent.title : null}}
  </div>
</ng-template>

this is valid to week component view and day component view

All 3 comments

Please see the readme for how to create a custom template for any component: https://github.com/mattlewis92/angular-calendar#how-do-i-use-a-custom-template

for example:

<mwl-calendar-week-view
       ...
      [eventTemplate]="templatePlan"
    >
    </mwl-calendar-week-view>
    <mwl-calendar-day-view
      ...
      [eventTemplate]="templatePlan"
    >
    </mwl-calendar-day-view>

<ng-template #templatePlan let-weekEvent="weekEvent">
  <div (click)="debugConsole(weekEvent)">
    Evento es: {{weekEvent ? weekEvent.title : null}}
  </div>
</ng-template>

this is valid to week component view and day component view

Was this page helpful?
0 / 5 - 0 ratings