1

我有一个要求,我想在角度日历上为特定日期呈现自定义模板。

我创建了一个自定义模板并将其传递给日历,如下所示

<div class="margin-card" *ngFor="let item of chamberStatus">
            <div fxLayout="column">
              <div *ngFor="let ite of item.capabilities">
                <div fxLayout ="row" class="height-28px margin-left-24px margin-right-24px border-rounded-2px " >
                  <div style="min-width: 20px;" [ngStyle]="{'background-color':getColor(ite.status)}" class="text-css" >*</div>
                  <div  style="min-width: 20px;" [ngStyle]="{'background-color':getColor(ite.status)}" class="text-css" > {{ite.value}}</div>
                  <div style="min-width: 140px;" [ngStyle]="{'background-color':getTextColor(ite.status)}" class="text-css">{{ite.name}}</div>
                </div>
              </div>
            </div>
        </div>    
  </ng-template>
  <div [ngSwitch]="view">
    <mwl-calendar-month-view
      *ngSwitchCase="'month'"
      [viewDate]="viewDate"
      [events]="events"
      [cellTemplate]="customCellTemplate">
    </mwl-calendar-month-view>

然而,这里的模板被渲染到日历的每一个单元格中,我想要在日历上按日期使用唯一的 Ng 模板。我该怎么做?我可以在日历事件中渲染 Ng 模板吗?

4

0 回答 0