javascript - 从 customButton fullcalendar 调用函数

Question

我在我的 fullcalendar 中添加了一个自定义按钮:

ngOnInit() {
this.calendarOptions = {
  customButtons: {
    custom1: {
      text: 'Add event',
      click() {
        this.openModal();
     }
    }
  },
  height: 600,
  editable: true,
  eventLimit: false,
  locale: 'lt',
  header: {
    left: 'prev,next today, custom1,custom2',
    center: 'title',
    right: 'month,agendaWeek,agendaDay,listMonth'
  },
  events: ''
};}

然后在按钮上单击我想调用函数:

    openModal() {
console.log('opened');
// '<app-add-event></app-add-event>';}

但是，我收到错误 zone.js:199 Uncaught TypeError: this.openModal is not a function
在 HTMLButtonElement.click (events-calendar.component.ts:20)

不知道怎么回事。你如何调用自定义函数？

我也试过:

 this.calendarOptions = {
  customButtons: {
    custom1: {
      text: 'Pridėti įvykį',
      click:
        this.openModal
    }
  }, ...   };

在这种情况下 console.log(); 可以正常工作，但之后我仍然收到以下错误。这里有什么问题？

我应该在这里的某个地方声明这个函数吗？

<ng-fullcalendar #ucCalendar [options]="calendarOptions" (eventClick)="eventClick($event.detail)" (eventDrop)="updateEvent($event.detail)"
          (eventResize)="updateEvent($event.detail)" (clickButton)="clickButton($event.detail)"></ng-fullcalendar>

Answer 1

来自fullcalendar documentation :

  customButtons: {
    myCustomButton: {
      text: 'custom!',
      click: function() {
        alert('clicked the custom button!');
      }
    }
  }

您可以看到，click() 属性的自定义按钮声明中存在问题。

我很惊讶你仍然有引用 this.openModal 的错误。既然你说你尝试过 click: this.openModal，我建议你试试 click : () => console.log('clicked')。如果有效，问题可能出在 this 的使用上。