調用內部組件函數拋出未定義的錯誤

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 
     } 
    }); 

或bind()

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