Angular Fullcalendar 在视图中隐藏 HTML 事件

问题描述 投票:0回答:0

主要问题是在dayGridMonth视图中我写的html显示不正确,所以在那种情况下我不想自定义它,并保留默认的FullCalendar。

如何动态隐藏 Fullcalendar 事件的 HTML?

这是我的TS:

     datesSet: arg => {
            this.selectedFullCalendarView = arg.view.type;
        },

这是我的 HTML:

我试着添加

*ngIf="selectedFullCalendarView !== 'dayGridMonth'"

<full-calendar #calendar [options]="calendarOptions">
    <ng-template #eventContent let-arg *ngIf="selectedFullCalendarView !== 'dayGridMonth'">
        {{ arg.event.start | date : 'HH:mm' }} - {{ arg.event.end | date : 'HH:mm' }}
        <br />
        <b>{{ arg.event.title }}</b
        ><br />
        {{ arg.event.extendedProps.servizio }}
    </ng-template>
</full-calendar>

datesSet()
方法工作正常,每次我更改视图时都会调用它,并且 ngif 条件对我来说也是正确的,我尝试打印它并且工作正常,但问题是界面没有更新,就像我能做的那样?

angular fullcalendar
© www.soinside.com 2019 - 2024. All rights reserved.