IONIC3 - 如何链接到实际的标签页，而不是setRoot或推到页面

Question

this.navCtrl.push(ToDoPage) 
this.navCtrl.setRoot(ToDoPage) 

当我使用其中任一我的应用程序导航到正确的位置，但它提出的是我的标签视图中的页面。米的下面是我的主页：

然后当你点击“查看全部”按钮，你可以看到下面是我的待办事项页面上，但我仍然在主页选项卡。有什么办法可以让我在按下主页上的按钮时将其带到实际的待办事项页面？

Answer 1

做你想做的，你不需要.push()导航堆栈上的网页内容，那不是如何离子的选项卡的工作。您可以将每个标签想象为自己的导航堆栈。使用.push()或.setRoot()您只能修改当前所选标签的堆栈。

要切换标签，您可以使用离子Tabs组件的.select()方法。首先，您需要在您的打字稿代码添加模板引用你组件得到阿霍德它：

<ion-tabs #myTabs> 
    <ion-tab [root]="tab1Root"></ion-tab> 
    <ion-tab [root]="tab2Root"></ion-tab> 
</ion-tabs> 

然后您可以访问使用Angulars @ViewChild装饰组件：

@ViewChild('myTabs') tabRef: Tabs; 

当你点击此按钮，你选择这样（把它放在一个函数）的第二个选项卡：

this.tabRef.select(1); // selected tab is an index starting at 0 

而且here你可以找到所有文档这个的。