在ionic2中设置默认选项卡

import { IonicModule } from 'ionic-angular';

@NgModule({
  declarations: [
    // ...
  ],
  imports: [
    IonicModule.forRoot()
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    // ...
  ],
  providers: [
    // ...
  ]
})
export class AppModule { }

import { Component } from '@angular/core';
import { Tabs } from 'ionic-angular';

@Component({
  templateUrl: 'app.html',
  selector: 'app',
  tabsPlacement: 'bottom' // 设置选项卡位置为底部
})
export class MyApp {
  @ViewChild('myTabs') tabRef: Tabs;

  constructor() {
    this.tabRef.select(1); // 选择第二个选项卡作为默认选项卡（索引从0开始）
  }
}

<ion-tabs #myTabs>
  <ion-tab [root]="tab1Root" tabTitle="Tab 1" tabIcon="home"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="Tab 2" tabIcon="star"></ion-tab>
  <ion-tab [root]="tab3Root" tabTitle="Tab 3" tabIcon="settings"></ion-tab>
</ion-tabs>