如何将angular-calendar (mattlewis92)作为Angular组件而不是包包含进来

Question

我们使用的是angular-calendar (mattlewis92)。因为我们想对日历有更多的控制，所以我们想把它作为一个Angular组件包含进来，而不是作为一个包。

我包含了所有的modules (在图片中)，calendar-utils文件夹，但是有无数的错误，我修复了一个，我得到了另外10个错误。

有没有人能够顺利地在包中创建一个Angular组件？有没有什么地方可以让我读一读？

​

​

编辑:应用程序终于开始编译了，但是我得到了以下错误：

​

Answer 1

问题是我没有包含正确的日历-utils.ts文件。源文件是here您可以包含整个文件，也可以只包含您想要的内容；例如，在我的示例中，我只想包含MonthView函数，因为我只对月视图日历感兴趣。所以我只包括了MonthViewDay，MonthView，GetMonthViewArgs，ViewPeriod，getMonthView。

此外，他还使用了dateAdaptor类，这让您可以在date-fns和moment.js之间进行选择。我删除了整个文件夹，并将其替换为相应的date-fns函数。

我所做的最后一步是包含用于日期格式化的管道。

Answer 2

如果您正确地获取了一个NullInjectorError，那么您的module中就缺少CalendarUtils的提供程序。

看一看original calendar.module.ts的实现。定义提供程序的位置。

例如：

      providers: [
        dateAdapter,
        config.eventTitleFormatter || CalendarEventTitleFormatter,
        config.dateFormatter || CalendarDateFormatter,
        config.utils || CalendarUtils,
        config.a11y || CalendarA11y,
      ],

Answer 3

在您的app.module.ts和providers中添加以下内容：

providers: [
  CalendarUtils
]