代码之家 › 专栏 › 技术社区 › Mike

我怎样才能做出两个承诺,让IonviewCan等待结果?

promise ionic2 ionic-framework angular javascript

Mike · 技术社区 · 7 年前

我有一个Ionic 2应用程序,使用 ionViewCanLeave() navGuard显示确认消息。这很好;用户将看到一个确认对话框,如果他们愿意,可以选择不离开。下面是代码:

  // About to leave
  ionViewCanLeave() { 
    if(!this.allowedToLeave) {
      return new Promise((resolve, reject) => {
        let confirm = this.alertCtrl.create({
          title: 'Are you sure?',
          message: 'Are you sure?',
          buttons: [{
            text: 'OK',
            handler: () => {
              this.allowedToLeave = true;
              resolve();
            },
          }, {
            text: 'Cancel',
            handler: () => {
              reject();
            }
          }],
        });
        confirm.present(); 
      });
    }
  }

我现在需要检查一个额外的变量 storage . 为了得到那个变量,我需要一个承诺。我的代码如下:

  // About to leave
  ionViewCanLeave() {
    this.storage.get('safe_to_leave').then((val) => {
      this.safeToLeave = val;

      if(!this.allowedToLeave && !this.safeToLeave) {
        return new Promise((resolve, reject) => {
          let confirm = this.alertCtrl.create({
            title: 'Are you sure?',
            message: 'Are you sure?',
            buttons: [{
              text: 'OK',
              handler: () => {
                this.allowedToLeave = true;
                resolve();
              },
            }, {
              text: 'Cancel',
              handler: () => {
                reject();
              }
            }],
          });
          confirm.present(); 
        });
      }
    });
  }

然而,这里发生的事情是,页面从导航堆栈弹出,然后显示确认对话框。看起来像不是等待存储调用运行,因为它是异步的。

我怎么才能避开这个?

2 回复 | 直到 7 年前

trincot Jakube 7 年前

你需要回报承诺:

return this.storage.get( /* ...etc
^^^^^^                             */

JoeriShoeby 7 年前

请看排队承诺,使用承诺。all()方法。

更多信息请访问 link

let promises = [];

promises.push(asynchroniousFunction);
promises.push(AnotherAsynchroniousFunction);

Promise.all(promises).then((results) => {
  console.log('Data from first method', results[0]);
  console.log('Data from second method', results[1]);
}).catch((error) => {
  console.log('Error from first method', error[0]);
  console.log('Error from second method', error[1]);
});

推荐文章

Ali Abdulaal · Ionic 2——如何在变量中放入大量JSON数据,并在没有延迟的情况下删除重复的数据?

7 年前

Simon · 错误:无法传输程序-ionic2

7 年前

Rafael de Castro · 离子存储不需要的更改

7 年前

Rafael de Castro · 离子型/角型2-在页面之间插入“中介体”。ts和提供商。ts

7 年前

Ke Vin · 如何在ionic 3中使用选项卡正确设置我的主应用程序的根目录?

7 年前

Uraquitan Matova Ura Kombat · 离子,角度-索引内的全局变量。其他ts页面调用的html

7 年前

Kumar · 在离子项目中内联显示信息图标

7 年前

StuartDTO · 如何在Ionic中打开组件

7 年前

jamesharvey · 如何使用*ngFor指令从Ionic 3(Cordova、Ionic 3、Angular 5)上的存储器中提取数据

7 年前

jamesharvey · 我怎样才能让谷歌地图在一个div内只占据50%的高度?(爱奥尼亚3号,科尔多瓦)

7 年前