离子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