是否可以将 Angular 异步管道与 FullCalendar 一起使用？

Question

如果可能的话，有没有人有关于如何在 FullCalendar 中使用异步管道的示例？例如像这样的东西？

<full-calendar [events]="events$ | async"></full-calendar>

Answer 1

以这种方式使用 async 管道确实可行。但问题是 full-calendar 不期望任何名为 events

的输入

它期望的唯一输入是 options

所以你的代码应该像：

<full-calendar [options]="{
        events: events$ | async
    }"></full-calendar>

Answer 2

您可以围绕 html 标签创建一个容器并传递整个配置选项对象：

<ng-container *ngIf="calendarOptions2$ | async as options">
  <full-calendar [options]="options"></full-calendar>
</ng-container>

Is it possible to use Angular async pipe with FullCalendar?