Ionic framework 如何在ionic 3中从其他页面导航到特定选项卡索引(最初没有选项卡)?
我有一个页面名EatPage,上面没有任何选项卡。我要做的是从MyPage导航到选项卡栏索引2,并从EatPage传递参数 我已尝试使用此代码传递参数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
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:
这两件事的解释都很好。