angular - 如何使用 Ionic 2 框架创建一个登录页面，然后进入一个选项卡式 View ？

Question

目前，在我的 app.html 文件中，我有:

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

在我的 app.js 文件中，正确导入这些页面后，我有:

    this.tab1Root = Page1;
    this.tab2Root = Page2;
    this.tab3Root = Page3;

我希望应用程序打开一个登录页面，然后从那里进入这个选项卡式 View 。我不确定如何在 app.html 和 app.js

的上下文中进行逻辑设置

我只对涉及 Ionic 2(和 Angular 2+)的答案感兴趣，对旧版本不感兴趣。

Answer 1

在您的应用中，定义如下:

export class YourApp {
  rootPage: Type = LoginPage;

  constructor(app: IonicApp, platform: Platform) {
    platform.ready().then(() => {

    });
  }
}

在您的登录页面中，它应该有:

export class LoginPage {
    constructor(nav: NavController) {
        this.nav = nav;
    }

    doLogin() {
        if (loginSuccessful) {
           this.nav.setRoot(YourTabsPage);
        }
    }
}