如何使用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中另一个页面上的按钮切换选项卡？

回答

相关问题