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

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

promise ionic2 ionic-framework angular javascript

Mike · 技术社区 · 8 年前

我有一个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 回复 | 直到 8 年前

trincot 8 年前

你需要回报承诺:

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

JoeriShoeby 8 年前

请看排队承诺,使用承诺。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]);
});

推荐文章

Moblize IT · 未设置ion-select默认值

1 年前

Gappy · 为什么Angular要求一个独立的组件,即使它是

1 年前

ProgrammingStudent · 使用javascript更新ionic web应用程序中.pane和.view的背景色

2 年前

user_1357 · Firebase是否将现有用户链接到匿名帐户?

2 年前

m_m · Axios onUploadProgress事件在Capacitor Android上未触发的问题

2 年前

Yeo Bryan · Ionic项目申请通知权限

2 年前

Joe Johnson · Ionic 7模态在第二次点击时不起作用

2 年前

Piyush aggarwal · 通过Cordova文件打开程序2避免REQUEST_INSTALL_PERMISSION

3 年前

Roberto Vieira · 我的离子搜索栏过滤器不工作

3 年前

marlonga · 错误:在Ionic Angular应用程序中使用argon2浏览器时找不到模块

3 年前