如何导航到其他页面的特定选项卡索引(最初没有选项卡)？

Question

我有一个页面名EatPage，上面没有任何选项卡。我想要做的是从MyPage导航到选项卡栏索引2，并从EatPage传递参数。

我尝试过使用此代码来传递参数。

opentab2(id: string) {
    this.navCtrl.push('TabsPage', {
      docId: id
}); 

但我不知道怎么从这里换标签。

Answer 1

使用离子Tabs是很容易的。

您正在将docId传递给您的TabsPage。在init阶段的TabsPage中，只需选择选项卡，如下所示：

html：

<ion-tabs #myTabs>
  <ion-tab [root]="tab1Root"></ion-tab>
  <ion-tab [root]="tab2Root"></ion-tab>
  <ion-tab [root]="tab3Root"></ion-tab>
</ion-tabs>

ts：

export class TabsPage {

@ViewChild('myTabs') tabRef: Tabs;

ionViewDidEnter() {
  this.tabRef.select(docId);
 }

}

Answer 2

如果你说的是Ionic Tabs，那么语法就是这样的。

TabsPage

@Component({
    templateUrl: 'tabs.html'
})
export class TabsPage {
  fooId:any;
  constructor() {

      this.fooId = "some-value";

      // this tells the tabs component which Pages should be each tab's root Page
      this.tab1Root = Tab1;
      this.tab2Root = Tab2;
      this.tab3Root = Tab3;
    }
}

页面

<ion-tabs>
    <ion-tab tabTitle="Tab1" [root]="tab1Root" [rootParams]="fooId"></ion-tab>
    <ion-tab tabTitle="Tab2" [root]="tab2Root" [rootParams]="fooId"></ion-tab>
    <ion-tab tabTitle="Tab3" [root]="tab3Root" [rootParams]="fooId"></ion-tab>
</ion-tabs>

否则，如果您想传递值，我建议您使用服务。如果您想知道如何通过services.ill共享代码，请告诉我。

阅读更多这里和官方文件