如何使用Ionic 2框架创建登录页面，从而生成选项卡视图？
如何使用Ionic 2框架创建登录页面，从而生成选项卡视图？
提问于 2016-01-07 16:50:48
当前，在我的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+)的答案感兴趣，而不是旧版本的.
回答 2
Stack Overflow用户
发布于 2016-02-20 05:57:54
在您的应用程序中，定义如下：
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);
}
}
}Stack Overflow用户
发布于 2016-01-08 09:49:45
如果您的应用程序总是以登录页面打开，您应该：
1-将您的登录页面放在app.html中。
2-在您的NavController构造函数中导入并注入app.js。
import {NavController} from 'ionic-framework/ionic';
constructor(nav: NavController) {
this.nav = nav;
}3-创建一个新的Tabs父组件。(您当前的app.js )，并将其命名为TabsParentComponent。
4-在app.js中，一旦登录成功，请调用：
this.nav.setRoot(TabsParentComponent)页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34660763
复制相关文章
相似问题
腾讯云开发者
