如何在 Ionic 3 中有条件地设置根页面

Question

我正在尝试为应用程序中的初学者设置教程页面，为其他人设置登录页面。如果用户已经浏览了教程页面，我将在本地存储中设置键值。

export class MyApp {
rootPage: any = LoginPage;

constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
    platform.ready().then(() => {
        statusBar.styleDefault();
        if(!localStorage.getItem( 'tutorial' )) {
            this.rootPage = TutorialPage;
        }
        splashScreen.hide();
    });
  }
}

以上代码工作正常，但设置教程页面时出现延迟，先查看登录页面，然后再显示教程页面。我想知道我是在以正确的方式这样做还是遗漏了什么？

Answer 1

请使用以下代码

export class MyApp {
rootPage: any;

constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
    platform.ready().then(() => {
        statusBar.styleDefault();
        if(!localStorage.getItem( 'tutorial' )) {
            this.rootPage = TutorialPage; // user can user this.nav.setRoot(TutorialPage);
        }else{
            this.rootPage = LoginPage; // user can user this.nav.setRoot(LoginPage);
        }
        splashScreen.hide();
    });
  }
}

我希望它对你有用。