在Ionic 2 (beta-11)中，一个页面中有两个选项卡导航器

<ion-content>
  <ion-tabs>
    <ion-tab [root]="tab1Root" tabTitle="Tab 1"></ion-tab>
    <ion-tab [root]="tab2Root" tabTitle="Tab 2"></ion-tab>
  </ion-tabs>

  <ion-tabs>
    <ion-tab [root]="tab3Root" tabTitle="Tab 3"></ion-tab>
    <ion-tab [root]="tab4Root" tabTitle="Tab 4"></ion-tab>
  </ion-tabs>
</ion-content>

import { Component } from '@angular/core';
import { Tab1Page } from '../tab1/tab1';
import { Tab2Page } from '../tab2/tab2';
import { Tab3Page } from '../tab3/tab3';
import { Tab4Page } from '../tab4/tab4';

@Component({
  templateUrl: 'tabs.html'
})
export class TabsPage {
  tab1Root = Tab1Page;
  tab2Root = Tab2Page;
  tab3Root = Tab3Page;
  tab4Root = Tab4Page;
}