如何从角度2的回调函数中调用父函数？

Question

这是一堂课

export class ChatDetailPage {

constructor(){

}

funcA(){
     var options = {
        onSubmit: function (text) {
        //i want to be able to access funcB from here 
        this.funcB(text)
          },
this.nativeKeyboard.showMessenger(options)
}

funcB(text){
  alert (text);
}

}

在这种情况下，如何在Anular 2或Ionic 3中的onsubmit回调函数中调用funcB。

提前致谢。

Answer 1

使用箭头函数，它捕获了this的值：

export class ChatDetailPage {

    constructor(){

    }

    funcA(){
       var options = {
           onSubmit: text => {
              //i want to be able to access funcB from here 
              this.funcB(text)
           },
       };
       this.nativeKeyboard.showMessenger(options)
   }

   funcB(text){
      alert (text);
   }
}

Answer 2

有时，当它是内置函数或库函数时，您将无法使用箭头函数。 在这种情况下，可以使用的解决方案是将this变量绑定到名为self或任何您想要的变量。

funcA(){
     // bind the this variable to 'self' outside of the function scope
     var self = this;
     var options = {
        onSubmit: function (text) {
            // and use self instead of this 
            self.funcB(text)
        },
     this.nativeKeyboard.showMessenger(options)
}

funcB(text){
  alert (text);
}