如何处理PrimeNG p-fullCalendar的自定义按钮点击事件？

// app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FullCalendarModule } from 'primeng/fullcalendar';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, FullCalendarModule],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}

// app.component.ts
import { Component } from '@angular/core';
import dayGridPlugin from '@fullcalendar/daygrid';
import interactionPlugin from '@fullcalendar/interaction';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})
export class AppComponent {
  events: any[] = [
    { title: 'Event 1', date: '2023-10-01' },
    { title: 'Event 2', date: '2023-10-02' },
  ];

  calendarOptions: any;

  constructor() {
    this.calendarOptions = {
      plugins: [dayGridPlugin, interactionPlugin],
      headerToolbar: {
        left: 'prev,next today',
        center: 'title',
        right: 'customButton', // 自定义按钮
      },
      customButtons: {
        customButton: {
          text: 'Custom Button',
          click: this.handleCustomButtonClick.bind(this), // 绑定点击事件
        },
      },
      events: this.events,
    };
  }

  handleCustomButtonClick() {
    alert('Custom button clicked!');
    // 在这里处理自定义按钮的逻辑
  }
}

<!-- app.component.html -->
<p-fullCalendar [options]="calendarOptions"></p-fullCalendar>