将PrimeNG FullCalendar用于我的Angular项目该怎么办？

Question

我在Angular中非常陌生，在尝试在项目中使用PrimeNG FullCalendar组件时发现了一些困难，这是一个：https://www.primefaces.org/primeng/showcase/#/fullcalendar

在上一页中，有一些示例代码，但是我不明白我必须如何在项目中使用它。

我的疑问是：

官方文档建议此类FullCalendarDemo：

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

export class FullCalendarDemo implements OnInit {

    events: any[];

    options: any;

    constructor(private eventService: EventService) { }

    ngOnInit() {
        this.eventService.getEvents().then(events => {this.events = events;});

        this.options = {
            plugins: [dayGridPlugin, timeGridPlugin, interactionPlugin],
            defaultDate: '2017-02-01',
            header: {
                left: 'prev,next',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            editable: true
        };
    }

}

这是什么？它不是组件，因为它没有@ Component装饰器，因此他们没有提出可包含在我的HTML中的组件。

那是什么？

考虑一个非常基本的用例，在该用例中，我想将日历直接包含到我的[[app-component组件中（我知道这可能不是最佳解决方案，应该将其更好地放在< [app-component，但在第一步中，我想使其尽可能简单）。

所以我的想法是：1）首先，我将此行放入我的[[app.component.html页面：

<p-fullCalendar [events]="events" [options]="options"></p-fullCalendar>

类似这样的东西：

<div class="container">
  <div class="row">
    <div class="col-12">
      <app-header></app-header>
    </div>

    <p-fullCalendar [events]="events" [options]="options"></p-fullCalendar>

</div>

如果确定是正确的（我绝对不确定），那么我需要将处理此
p-fullCalendar

标记的代码放在某个地方，这是我的疑问：确切在哪里？上一类不是组件，我不知道是否可以将此类代码放入我的[[app.component.ts。

我到底要做什么？我想念什么？

Answer 1

从'primeng / calendar'导入{CalendarModule};

另一件事是确保您按照本页https://www.primefaces.org/primeng/showcase/#/setup所述对项目进行基础设置，这是准备工作所必需的>