我正在使用离子框架构建和应用程序。默认情况下,主目录设置为主页,但我已经开始构建,现在想在此原始主页之前添加登录页面。无论如何,我可以设置新的登录页面作为应用程序的起始页面?谢谢。使用Ionic Framework设置新主页
0
A
回答
1
你可以在你的src/app/app.component.ts
中做到这一点。 例如
import { Component } from '@angular/core';
import { LoginPage } from '...';
// other imports
@Component({
template: `<ion-nav [root]="rootPage"></ion-nav>`
})
export class MyApp {
public rootPage: any;
constructor(
platform: Platform
) {
platform.ready().then(() => {
StatusBar.hide();
Splashscreen.hide();
this.rootPage = LoginPage; // don't forget to import this page
});
}
}
1
使用rootPage
在MyApp的
export class MyApp {
rootPage:any = 'YourLoginPage';
}
1
对于登录情况下,你可以使用rootPage财产申报过程中
,像
rootPage:any = Dashboard;//import { Dashboard } from '../pages/dashboard/dashboard'
或方法中,像
this.rootPage = Dashboard
后来一旦你登录后全成响应,您可以设置使用应用对象的应用程序的rootPage,像
import { App } from 'ionic/angular'
import { Dashboard } from '../pages/dashboard/dashboaard'
//inject in contructor
constructor(private app:App){}
//then in method where login success is received
login(){
if(loginValid){
this.app.getRootNav().setRoot(Dashboard);//in this way you will not have back button for new page
}
}
希望它能帮助。 :)
相关问题
- 1. Ionic Framework的主页面
- 2. 主页面设置
- 3. Ionic Framework - 'nav'undefined尝试推送页面时
- 4. 使用Ionic Framework,您如何从本地存储刷新?
- 5. www/index.html想使用您当前所在的位置--Ionic Framework
- 6. 设置Orientaiton Ionic/scxml
- 7. Django如何设置主页
- 8. 从主题布局设置主页
- 9. 如何使用WAMP设置Zend Framework?
- 10. 设置Zend Framework - MVC
- 11. 通用javascript设置主页功能
- 12. 如何从内容页面Angular JS(Ionic Framework)调用函数?
- 13. Ionic 2:设置间隔
- 14. Ionic Framework中的友好URL
- 15. Ionic Framework实时视频
- 16. Ionic Framework - Sass不编译
- 17. Ionic Framework/.NET应用程序同步?
- 18. Symfony2设置默认主页路线
- 19. 如何使用Bootstrap设置主/从页面?
- 20. 在Asp.Net中设置“主页”MVC
- 21. ASP.NET主页变量设置/访问
- 22. 使用AngularJS $ http(ionic-framework)POST数据到ASP.NET MVC应用程序
- 23. 通过JavaScript设置浏览器主页
- 24. 如何设置我的主页?
- 25. 使用jQuery设置新ID
- 26. 为github页面设置博客主题
- 27. 通过扩展程序设置主页
- 28. Google App Engine - 设置索引/主页
- 29. 在ASP.NET中设置Global.asax主页面
- 30. 在Docker中设置java主页