Как создать страницу входа в систему, используя структуру Ionic 2, которая затем приводит к представлению с вкладками?

Question

CurrentY, в моем 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 (и угловую 2.0), а не более старые версии.

Answer 1

, если ваше приложение всегда открывать с страницы входа, вы должны:

1 Положите вашу страницу входа в app.html

2- Импорт и впрыснуть NavController в вашем app.js конструктор.

import {NavController} from 'ionic-framework/ionic'; 

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

3- Создать новый компонент родительских вкладок. (ваш текущий app.js) и назовем его TabsParentComponent, например.

4- В app.js, когда Логин успешна, звоните:

this.nav.setRoot(TabsParentComponent) 

Answer 2

В приложении, определяют следующим образом:

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); 
     } 
    } 
}