正しいコンテキストで角度実行メソッドが渡されました

Question

進捗ボタンとして機能するコンポーネントsi-buttonを作成しました（クリックすると、ロードインジケータが表示されます）。

私はこのようなsi-buttonコンポーネントにクリックで実行されるメソッドへの参照渡し：register方法が約束を返し、ローディングインジケータがあれば、約束のISN」として示されている

<si-button [pb-click]="register">Register</si-button> 

を解決されました。 SIButtonComponentクラスでは、ボタンをクリックするとregisterメソッドが実行されます。

SIButtonComponent：

export class SIButtonComponent{ 
    ... 

    @Input('pb-click') pbClick :() => Promise<any> = null; 

    handleClick($event){ 
     this.loading = true; 

     this.pbClick().then(() => { 
      this.showSuccess(); 
     }, (data) => { 
      this.showError(); 
     }); 
    } 

    ... 
} 

RegisterComponent：

export class RegisterComponent{ 
    register() : Promise<any> { 
     return new Promise((resolve, reject) => { 
      this.auth.register(this.email, this.password).subscribe((org : Organization) => { 
       resolve(); 
      }, (error : ErrorResponse) => { 
       reject(); 
      }); 
     }); 
    } 
} 

通報 方法registerがSIButtonComponentのインスタンスから実行されるので、thisはSIButtonComponentインスタンスではなくRegisterComponentを指します。どのようにこれを正しく行う必要がありますか？ pb-clickパラメータには@Inputではなく@Outputを使用する方が理にかなっていますが、クリックイベントが発生した後にどのようにしてPromise -instanceを取得できるかわかりません。

export class RegisterComponent { 
    registerFunction =() => this.register(); 
    ... 
} 

<si-button [pb-click]="registerFunction">Register</si-button> 

Answer 1

は、代わりに矢印関数を渡しますか？私はその背後にある力学を理解したいです。 ありがとう！