Ionic 2 getComponent替代方案

Question

由于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

Answer 1

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