如何使用Ionic2中另一個頁面上的按鈕切換選項卡？

我不確定如何打開tab2Root，使用我的help.html頁面上的按鈕。我正在閱讀文檔，但沒有關於此的信息。如何使用Ionic2中另一個頁面上的按鈕切換選項卡？

help.html：

<button ion-button large clear icon-end color="primary"> 
    Shop <ion-icon name="arrow-forward"></ion-icon> 
</button>

tabs.html：

<ion-tabs> 
    <ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="home"></ion-tab> 
    <ion-tab [root]="tab2Root" tabTitle="Products" tabIcon="search"></ion-tab> 
    <ion-tab [root]="tab3Root" tabTitle="Cart" tabIcon="cart"></ion-tab> 
    <ion-tab [root]="tab4Root" tabTitle="Account" tabIcon="person"></ion-tab> 
    <ion-tab [root]="tab5Root" tabTitle="Help" tabIcon="help-buoy"></ion-tab> 
</ion-tabs>

來源

2017-07-02 Hristo Torbov

您可以創建在help.ts類的函數，而像這樣：

SwitchTab(){ 
    this.navCtrl.parent.select(0); //Selects the first tab 
}

爲了thave的navCtrl對象提供你要注入與您的類的構造函數：

import { NavController } from 'ionic-angular'; 
... 

constructor(private navCtrl: NavController) { 
}

不要忘了你的按鈕綁定到SwitchTab方法的類是這樣的：

<button ion-button large clear icon-end color="primary" (click)="SwitchTab()"> 
    Shop <ion-icon name="arrow-forward"></ion-icon> 
</button>

來源

2017-08-18 14:21:54

如何使用Ionic2中另一個頁面上的按鈕切換選項卡？

回答

相關問題