微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Ionic2-calendar 不覆盖事件 ng-template

如何解决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 举报,一经查实,本站将立刻删除。