Select a specific tab in Ionic 2

Question

I'm trying to use the Ionic 2 and I'm still struggling with most basic tasks, such as select a tab when the app is loading.

I've tried to inject the Tabs controller and call select on the onPageLoaded event, but to no avail.

Can someone help maybe?

Answer 1

In Ionic 3 and angular 4.

import { Tabs } from 'ionic-angular/navigation/nav-interfaces';
@ViewChild('myTabs') tabRef: Tabs; - With in the class about constructor.
this.tabRef.select(0, {}); // In the method where you want set tab.

Answer 2

try

var t: Tabs = this.nav.parent;
t.select(index);

Answer 3

To default to a tab in ionic 2 change the selectedIndex property:

<ion-tabs [selectedIndex]="1">
      <ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="rewind"></ion-tab> <!-- Index 0-->
      <ion-tab [root]="tab2Root" tabTitle="About" tabIcon="md-time"></ion-tab><!-- Index 1 (Selected)-->
      <ion-tab [root]="tab3Root" tabTitle="Contacts" tabIcon="fastforward"></ion-tab><!-- Index 2-->
</ion-tabs>

The About tab will be the selected tab when the page loads.