仅在应用程序首次运行时显示教程|离子3

时间:2018-06-21 16:09:56

标签: angular ionic-framework ionic3

我的代码有点问题。 我只想在应用程序首次打开并且用户进入“ 25步走”页面时显示教程 这是我尝试的代码:

export class Survey_25footPage {
  constructor(public navCtrl: NavController, public storage: Storage) {
    if(localStorage.getItem['firstTimeLoad']!='TRUE'){
      localStorage.setItem['firstTimeLoad']='TRUE';
      this.navCtrl.setRoot(TutorialPage); 
  }

每次都会调用该教程(因为它在构造函数中?),当我跳过该教程时,它会再次显示……

该如何解决? 非常感谢您的宝贵时间!

1 个答案:

答案 0 :(得分:2)

如果您使用的是Ionic Storage哪些方法是异步的,则需要利用注释中指出的承诺:

export class Survey_25footPage {
  constructor(public navCtrl: NavController, public storage: Storage) {
    this.storage.get(“tutorialShown”).then( result => {
        if (!result) {
            this.storage.set(“tutorialShown”, true);
            this.navCtrl.setRoot(TutorialPage);
        } else {
            this.navCtrl.setRoot(HomePage);
        }
    })
  }