内部コンポーネント関数を呼び出すと、定義されていないエラーが発生しています

Question

this接頭辞を使用して、コールバック関数のスコープ内で自分のコンポーネント内の内部関数を呼び出そうとしています。何らかの理由で、これは未定義の関数エラーを投げています。これはなぜですか？前もって感謝します！

import { Component } from '@angular/core'; 

    @Component({ 
     selector: 'page-login', 
     templateUrl: 'login.html', 
     providers: [] 
    }) 
    export class LoginPage { 

     constructor() { 
     console.log('construct called'); 
     } 

     checkLoginStatus() { 
     this.Service.getLoginStatus((response) => { 
      if(response.status == 'connected') { 
       this.printHelloWorld(); //throws undefined error 
      } 
     }); 
     } 

     printHelloWorld() { 
     console.log('hello world!'); 
     } 
    } 

Answer 1

thisは、コールバック機能の範囲でコンポーネントを参照していないためです。あなたは最初の実装は、あなたが任意のコールバック関数のための作業を提案することができ、応答アルテムためarrow function

 this.Service.getLoginStatus(response => { 
     if(response.status == 'connected') { 
      this.printHelloWorld(); //throws undefined error 
     } 
    }); 

または

 this.Service.getLoginStatus(function(response) { 
     if(response.status == 'connected') { 
      this.printHelloWorld(); //throws undefined error 
     } 
    }.bind(this));