method().bind(this) + Angular4 getting Cannot read property 'myFun' of undefined

Question

I'm integrating Google picker API in my application. I'm following the official documentation Google Picker API

I have successfully done my job, but after adding below code I am unable to use class methods and variables. Getting Cannot read property of undefined error

gapi.load('auth', {'callback': this.onAuthApiLoad.bind(a)});

Complete code is:

onApiLoad() {
    var a= this;
    gapi.load('auth', {'callback': this.onAuthApiLoad.bind(a)});
    gapi.load('picker');
  }

  onAuthApiLoad() {
    gapi.auth.authorize(
        {
          'client_id': this.clientId,
          'scope': this.scope,
          'immediate': false
        },
        this.handleAuthResult);
  }

  handleAuthResult(authResult) {
    if (authResult && !authResult.error) {
      if (authResult.access_token) {
        var pickerBuilder = new google.picker.PickerBuilder();
        var picker = pickerBuilder.
            enableFeature(google.picker.Feature.NAV_HIDDEN).
            setOAuthToken(authResult.access_token).
            addView(google.picker.ViewId.DOCS).
            setCallback(this.myFun).
            build();
        picker.setVisible(true);
      }
    }
  }

  myFun(e){

}

Thank you geek, I am new to javascript and confused about this bind(), can you share stuff regarding this? — Rama Krishna, Jan 02 '18 at 17:59
Where are you getting the error? Put a breakpoint on the first line of `onAuthApiLoad`. What is the value of `this` at that breakpoint? — Heretic Monkey, Jan 02 '18 at 18:00
Take a look at [this post](https://stackoverflow.com/q/20279484/1009922). — ConnorsFan, Jan 02 '18 at 18:16

score 0 · Answer 1 · answered Jan 02 '18 at 18:01

0

I have added below line to handle auth request

this.handleAuthResult.bind(this)

answered Jan 02 '18 at 18:01

Rama Krishna

645
10
28

method().bind(this) + Angular4 getting Cannot read property 'myFun' of undefined

1 Answers1