2017-09-25 2 views
0

アプリの最初のタイマーのチュートリアルページを設定しようとしています。ユーザーがチュートリアルページを通過した場合は、localstorageのキー値を設定しています。上記のコードIonic3で条件付きでrootPageを設定する方法

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

が正常に動作しているが、チュートリアルのページを設定し、ログインページが、その後のチュートリアルページをアップ来て最初に見ているの遅れがあります。私はこれを正しい方法でやっているのか、何か不足していることを知りたいですか?

+1

'rootPage:any = LoginPage;を削除し、' rootPage:any; 'のみを使用し、' else'ブロックを 'constructor'に入れます。 – hrdkisback

+0

あなたの答えに@hrdkisbackを感謝します。出来た! – Shubham

答えて

0

私はあなたのためにその作業を願って、次のコード

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

を使用してください。

関連する問題