javascript - 如何定义自己的函数以从全日历事件调用

Question

我正在使用 angular5 和 fullcalendar.io 并且想要这样的代码，其中 mySelectEvent(event) 是我定义的可重用函数，它将操作 fullcalendar 并且可以从多个 fullcalendar 回调事件中调用。

ngOnInit() {
    $('#calendar').fullCalendar({

      eventClick: function(event, jsEvent, view) {
        mySelectThisEvent(event);
        ...
      };

      eventResizeStart: function( event, jsEvent, ui, view ) { 
        mySelectThisEvent(event);
        ...
      };

      eventDargStart: function( event, jsEvent, ui, view ) { 
        mySelectThisEvent(event);
        ...
      };
    }

    function mySelectThisEvent(event) {
      <for loop deselect old event>
      <select event
    }
}

我有我的完整日历工作和做各种各样的事情所以只是问在哪里放置函数定义以及如何从完整日历回调事件中调用它。

Answer 1

是的，在 Typescript 中，我是这样解决的(感谢 Nicolas 为我指明了正确的方向):

归功于 Calling function inside jQuery document ready

...
declare let window:any;
...
export class myComponent implements OnInit {
...
ngOnInit() {
  $('#calendar').fullCalendar({
    eventClick: function(event, jsEvent, view) {
      window.myFunc(event);
      /* ... */
    };
    eventResizeStart: function( event, jsEvent, ui, view ) { 
      window.myFunc(event);
      /* ... */
    };
    eventDargStart: function( event, jsEvent, ui, view ) { 
      window.myFunc(event);
      /* ... */
      };
    }
  }

  $(function(){
    window.myFunc= function myFunc(event) {
      console.log(event);
    }
  }
}