如何在Angular的FullCalendar V4中自定义事件显示

import { Component, OnInit } from '@angular/core';
import { Calendar } from '@fullcalendar/core';

@Component({
  selector: 'app-calendar',
  template: '<div id="calendar"></div>',
  styleUrls: ['./calendar.component.css']
})
export class CalendarComponent implements OnInit {

  constructor() { }

  ngOnInit() {
    const calendarEl = document.getElementById('calendar');
    const calendar = new Calendar(calendarEl, {
      // 配置项
    });
    calendar.render();
  }

}

const calendar = new Calendar(calendarEl, {
  // 其他配置项
  eventRender: function(info) {
    // 自定义事件的显示
    info.el.innerHTML = '<b>' + info.event.title + '</b>';
  }
});

const calendar = new Calendar(calendarEl, {
  // 其他配置项
  eventClassNames: function(info) {
    return ['custom-event'];
  }
});

.custom-event {
  background-color: yellow;
  border-color: orange;
  color: black;
}