How do I correctly use a function as an event source?

I’m not sure if this is a bug, or an intended functionality but whenever I access my method that I have indicated in the [events] property of <full-calendar></full-calendar>, calling this returns null, therefore, I cannot use my services.

Am I doing something wrong?

[Neddd]

@dreadnautxbuddha This works. I personally like the first example

export class YourComponent implements OnInit {
  eventSources: Array<any> = [];

  constructor(){}

  ngOnInit() {
    this.eventSources = [ this.fetchEvents( this ) ]
  }

  fetchEvents( _this ) {
      return ( fetchInfo, successCallback, failureCallback ) => {
        _this.someAsyncCallToServer( fetchInfo ).then( ( events ) => {
          successCallback( event );
        } ).catch( ( error ) => {
          failureCallback( error );
        } );
      };
  }
}

OR

export class YourComponent implements OnInit {
  eventSources: Array<any> = [];

  constructor(){}

  ngOnInit() {
    this.eventSources = [ this.fetchEvents.bind(this) ]
  }

  fetchEvents( fetchInfo, successCallback, failureCallback) {
        this.someAsyncCallToServer( fetchInfo ).then( ( events ) => {
          successCallback( event );
        } ).catch( ( error ) => {
          failureCallback( error );
        } );
  }
}

Then: <full-calendar #calendar [plugins]="plugins" [eventSources]="eventSources" ></full-calendar>

Pieced together from: https://fullcalendar.io/docs/events-function

[ngardner]

Thank you @Neddd exactly what I needed as well