離子2 - ViewChild成分是未定義

Question

局勢：

從應用程序部件我需要調用在另一部件的方法。

，我讀了@ViewChild是做它的方式。

但不是在我的情況下工作。我得到以下錯誤：

Cannot read property ... of undefined 

THE CODE：

這例如是主頁部件內一個簡單的測試方法：

testChild() 
{ 
    alert('child working'); 
} 

在應用程序。組件我聲明HomePage作爲子組件：

@ViewChild(HomePage) homePage: HomePage; 

，然後調用從構造方法：

this.homePage.testChild(); 

它應該工作的權利？

相反，我得到這個錯誤：

的問題不是該視圖尚未加載。

我曾嘗試也叫從click事件的孩子，並得到了同樣的錯誤。

問題：

爲什麼子組件是不確定的？

你知道我在做什麼錯？

謝謝！

Answer 1

and then call the method from the constructor:

您需要在ngAfterViewInit生命週期掛鉤中調用它。 Angular會調用這個方法。

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

@Component() 
export class MyComponent implements AfterViewInit { 

    @ViewChild(HomePage) homePage: HomePage; 

    ngAfterViewInit() { 
    this.homePage.testChild(); 
    } 
} 

參見：

• Lifecycle Hooks