离子 2 getComponent 替代品答案

【问题标题】：Ionic 2 getComponent alternative离子 2 getComponent 替代品
【发布时间】：2016-10-08 07:14:36
【问题描述】：

由于 getComponent 不再可用，我有下一个场景。

在 app.ts 和 app.html 中，我有一个菜单组件和一个导航组件。在导航组件中，我添加了一个包含选项卡的页面。单击作为应用程序组件一部分的菜单时，我希望能够更改选项卡。

原来很容易使用：

this.app.getComponent('mytabs').select(3) 现在我明白我需要使用 viewchild，所以我尝试使用两者：

@ViewChild('mytabs') tabs:Tabs;

ion-tab 组件有一个#mytabs 引用。

和

@ViewChild(Tabs) tabs:Tabs;

两次 this.tabs 变量都是未定义的。我的猜测是，当 app.ts 组件初始化时，该组件不可用。我在这里有什么选择？

这是我的离子信息

Cordova CLI: 6.1.1
Gulp version: CLI version 3.9.1
Gulp local: Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.7
Ionic CLI Version: 2.0.0-beta.29
Ionic App Lib Version: 2.0.0-beta.16
OS:
Node Version: v4.4.0

【问题讨论】：

标签： typescript angular ionic2

【解决方案1】：

@ViewChild() 和 @ViewChildren() 查询的变量在调用 ngAfterViewInit() 之前未初始化。如果您在构造函数中引用tabs 或ngOnInit()，它将是null。

【讨论】：

什么是我的选择，因为我不能使用引导程序。
抱歉，我不认识 Ionic。 @ViewChild() 只能查询当前组件模板中的元素。不知道你的app组件和你的tabs组件是什么关系。