Ionic2选项卡 - 根据服务中的数据加载不同的页面/组件

时间:2017-01-23 15:58:32

标签: angular ionic2

我有一个有4个标签的应用程序,第一个是“home”,它有一个home.html,home.ts等。我还有另一个名为“details”的页面,具体取决于服务调用字段为null然后我显示home.html的内容,如果该字段不为null然后我显示details.html的内容和相应的details.ts

我如何/在哪里将switch语句加载到不同的页面?

export class TabsPage {
// this tells the tabs component which Pages
// should be each tab's root Page
tab1Root: any = HomePage;
tab2Root: any = PlacePage;
tab3Root: any = EventsPage;
tab4Root: any = SettingsPage;

constructor(){

}

我是否会在标签的构造函数中执行此操作(调用服务并确定在此处指定相应的页面?

编辑: 我可以这样做

export class TabsPage {
// this tells the tabs component which Pages
// should be each tab's root Page
tab1Root: any
tab2Root: any = MasjidsPage;
tab3Root: any = EventsPage;
tab4Root: any = SettingsPage;

constructor() {
//switch here  
this.tab1Root = PlaceDetailsPage;
}
}

但是placedetailspage要求我在navParams中有一个参数,所以在我分配之前,我需要给它一个navParam

0 个答案:

没有答案