Ionic2-calendar 不覆盖事件 ng-template

问题描述

我正在使用事件列表模板。我使用 ng-template 并将测试文本放在基本事件名称中。当我运行应用程序时，它不会改变任何东西。我认为它使用默认模板而不是我的。

    <ng-template
  #monthviewDefaultEventDetailTemplate
  let-showEventDetail="showEventDetail"
  let-selectedDate="selectedDate"
  let-noEventsLabel="noEventsLabel"
>
  <ion-list
    class="event-detail-container"
    has-bouncing="false"
    *ngIf="showEventDetail"
    overflow-scroll="false"
  >
    <ion-item
      *ngFor="let event of selectedDate?.events"
      (click)="eventSelected(event)"
    >
      <span *ngIf="!event.allDay" class="monthview-eventdetail-timecolumn"
        >{{event.startTime|date: 'HH:mm'}} - {{event.endTime|date: 'HH:mm'}}
      </span>
      <span *ngIf="event.allDay" class="monthview-eventdetail-timecolumn"
        >All day</span
      >
      <span class="event-detail"> | {{event.title}} | Testing</span>
    </ion-item>
    <ion-item *ngIf="selectedDate?.events.length==0">
      <div class="no-events-label">{{noEventsLabel}}</div>
    </ion-item>
    <ion-item>
      <ion-button>sdz</ion-button>
    </ion-item>
  </ion-list>
</ng-template>
<calendar
  [eventSource]="eventSource"
  [calendarMode]="calendar.mode"
  [currentDate]="calendar.currentDate"
  (onTitleChanged)="onViewTitleChanged($event)"
  [monthviewdisplayEventTemplate]="template"
></calendar>

Result of template in browser

如果你能帮助我，请告诉我。非常感谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

ionic2-calendar ng-template