Как инициализировать полную версию календаря 4 в Angular

Question

Я пытаюсь использовать Полный календарь версии 4, чтобы я мог использовать мышь над событиями в фоновом режиме. По какой-то причине я не могу инициализировать его в своем компоненте (установить параметры), я имею в виду, что он работает, когда я запускаю ng serve, но я получаю ошибку в своей IDE. Я опубликую здесь ошибку изображения вместе с моим кодом. Официальные документы вы можете увидеть здесь https://fullcalendar.io/docs/v4/release-notes

Я пытался использовать OptionInputs в качестве параметра, но это не сработало

  import { Component, OnInit } from '@angular/core';
  import { DataService } from './../../shared/services/data.service';
  import 'fullcalendar';
  import { Calendar } from 'fullcalendar';

  @Component({
  selector: 'app-calendar',
  templateUrl: './calendar.component.html',
  styleUrls: ['./calendar.component.css']
  })
 export class CalendarComponent implements OnInit {
 constructor(private dataService: DataService) {}

 myEvents = [];

 transformDate(str: String) {
   return str.substr(0, 10);
 }
  ngOnInit() {
const calendarEl = document.getElementById('calendar');

const calendar = new Calendar(calendarEl, {
  events: [
    {
      title: 'Test A',
      start: '2018-10-09T16:00:00'
    }
  ]
});

calendar.render();

} }

Answer 1

Вы пишете объект параметров в неправильной структуре, для этого требуется свойство плагина

const calendar = new Calendar(calendarEl, {
  events: [
    {
      title: 'Test A',
      start: '2018-10-09T16:00:00'
    }
  ],
   plugins: []
});

Stackblitz