Currenty,在我的app.htmlfile中,我有：
<ion-tabs>
<ion-tab [root]="tab1Root" tabTitle="Tab1" tabIcon="time"></ion-tab>
<ion-tab [root]="tab2Root" tabTitle="Tab2" tabIcon="paper"></ion-tab>
<ion-tab [root]="tab3Root" tabTitle="Tab3" tabIcon="more"></ion-tab>
</ion-tabs>
this.tab1Root = Page1;
this.tab2Root = Page2;
this.tab3Root = Page3;
我希望应用程序打开一个登录页面,然后从那里进展到这个选项卡视图.我不确定如何在app.html和app.js的上下文中进行逻辑设置
我只对涉及Ionic 2(和Angular 2.0)的答案感兴趣,而不是旧版本.
解决方法
在您的应用中,定义以下内容：
export class YourApp {
rootPage: Type = LoginPage;
constructor(app: IonicApp,platform: Platform) {
platform.ready().then(() => {
});
}
}
在您的LoginPage中,它应该具有：
export class LoginPage {
constructor(nav: NavController) {
this.nav = nav;
}
doLogin() {
if (loginSuccessful) {
this.nav.setRoot(YourTabsPage);
}
}
}
