Angular 17 中的 FullCalendar PluginDef 类型

Question

任何在 Angular 17 中使用 FullCalender 6.1.11 的人都可以解释一下 CalendarOptions.plugins 键吗？

FC网站上的所有示例都显示插件是一个包含插件的数组，如下所示导入到组件中

import dayGridPlugin from '@fullcalendar/daygrid';
import interactionPlugin from '@fullcalendar/interaction';

和选项

plugins: [dayGridPlugin, interactionPlugin]

。

版本 6.1.11，这种旧的表示法不起作用。从代码来看插件应该是

interface PluginDef extends PluginHooks {
id: string;
name: string;
deps: PluginDef[];

}

在我的组件中，我输入了：

plugins: [{id: '1', 'name':'DayGrid',deps: [dayGridPlugin]}]

我在 [dayGridPlugin] 上收到错误，

类型“PluginDef”缺少类型“PluginDef”中的以下属性：name、premiumReleaseDate、isLoadingFuncs、contextInit 和 9 more.ts(2740)

FullCalendar 的任何人都可以帮助我和其他人解决这个问题吗？谢谢。

Answer 1

我正在使用 React 和 TypeScript，但希望它是相似的。 我导入了组件

import FullCalendar, { EventClickArg } from "@fullcalendar/react";
import dayGridPlugin from "@fullcalendar/daygrid";
import timeGridPlugin from "@fullcalendar/timegrid"
import interactionPlugin from "@fullcalendar/interaction";

然后组件是

plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}

我不需要为插件制作自己的界面。