4

現在、私の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;

ログインページでアプリケーションを開き、そこからこのタブ付きビューに進みます。app.htmlとのコンテキストでこれを論理的に設定する方法がわかりませんapp.js

古いバージョンではなく、Ionic 2 (および Angular 2+) に関する回答にのみ関心があります。

4

2 に答える 2

5

アプリで、これを定義します。

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);
        }
    }
}
于 2016-02-20T05:57:54.350 に答える