I'm afraid it's not included in Ionic by default, but you can add it to your app very easily. Please take a look at this working plunker
Like you can see there, we just push the page that contains the tabs, but we send a parameter with the index of the tab that we want to select:
public openFirstTab(): void {
this.navCtrl.push(TabsPage);
}
public openSecondTab(): void {
// The second tab is the one with the index = 1
this.navCtrl.push(TabsPage, { selectedTab: 1 });
}
Then in the page that contains the tabs, we get the instance of the tabs, and we select the index received as parameter (if any):
@Component({...})
export class TabsPage {
@ViewChild('myTabs') tabRef: Tabs;
private selectedTab: number;
public tab1Root = FirstTabPage;
public tab2Root = SecondTabPage;
constructor(private navParams: NavParams) {
this.selectedTab = this.navParams.get('selectedTab') || 0;
}
ionViewWillEnter() {
if(this.selectedTab) {
this.tabRef.select(this.selectedTab);
}
}
}
Please notice that in the view you'd need to include the #myTabs
template variable to be able to get the instance of the tabs in your component code.
<ion-tabs #myTabs>
<ion-tab [root]="tab1Root" tabTitle="First Tab"></ion-tab>
<ion-tab [root]="tab2Root" tabTitle="Second Tab"></ion-tab>
</ion-tabs>
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…