2017-07-02 8 views
1

私のhelp.htmlページのボタンを使用してtab2Rootを開く方法がわかりません。私はドキュメントを読んでいるが、それについては何もない。Ionic2の別のページにあるボタンを使ってタブを切り替える方法は?

help.html:

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

tabs.html:あなたはhelp.tsクラス内の関数を作成することができ

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

答えて

2

このようなものです:

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

あなたは、クラスのコンストラクタでそれを注入する必要が利用可能navCtrlオブジェクトをthave:

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> 
関連する問題