时间戳

首页 > 解决方案 > 如何在离子中设置默认屏幕

angular - 如何在离子中设置默认屏幕

问题描述

我创建了一个带有许多屏幕的离子应用程序。当我关闭离子应用程序然后打开它时，它会导航到登录屏幕。我希望 ionic 应用程序显示默认屏幕。我怎么做。我的注销功能代码如下：

async prosesLogout(){
    this.storage.clear();
    this.router.navigate(['/login']);
    const toast = await this.toastCtrl.create({
       message: 'Log Out Successful',
       position:"middle",
       color:"primary",
       duration: 3000
    });
    toast.present();
}

应该在此代码中添加什么。请帮我解决这个问题。

标签： angularionic-framework

解决方案

您可以检查 app.component.ts文件中存储的登录数据，如果找到登录数据，您可以导航到下一页

app.component.ts

export class AppComponent {
    constructor(){
        this.initializeApp();
    }

    initializeApp() {
        this.platform.ready().then(() => {

            let loginData = this.storage.getLoginData() // you can get login data from you storage
            if(loginData){
                this.router.navigate(['/home']);
            }
            else{
                this.router.navigate(['/login']);
            }

        });
    }
}

推荐阅读