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你可以找到所有文檔這個的。