Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ionic framework 如何在ionic 3中从其他页面导航到特定选项卡索引(最初没有选项卡)?_Ionic Framework - Fatal编程技术网

Ionic framework 如何在ionic 3中从其他页面导航到特定选项卡索引(最初没有选项卡)?

Ionic framework 如何在ionic 3中从其他页面导航到特定选项卡索引(最初没有选项卡)?,ionic-framework,Ionic Framework,我有一个页面名EatPage,上面没有任何选项卡。我要做的是从MyPage导航到选项卡栏索引2,并从EatPage传递参数 我已尝试使用此代码传递参数 opentab2(id: string) { this.navCtrl.push('TabsPage', { docId: id }); 但不知道如何从这里更改制表符。如果您谈论的是离子制表符,那么语法如下 选项卡页面 @Component({ templateUrl: 'tabs.html' }) export

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

我已尝试使用此代码传递参数

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

但不知道如何从这里更改制表符。

如果您谈论的是离子制表符,那么语法如下

选项卡页面

@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>
页面

@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>

否则,如果您想传递值,我建议您使用服务。 如果你想知道它是如何通过服务完成的,请告诉我。我将在这里分享代码

阅读更多内容并使用,这很容易

您正在将
docId
传递到选项卡页。在初始化阶段的TabsPage中,您只需要选择选项卡,如下所示:

html:

这两件事的解释都很好。