IONIC-V3：在继续执行代码之前等待页面弹出

Question

我正在迭代一个包含一些规则的 JSON 来构建我的页面。循环是这样的：

  flux.forEach(element => {
       this.navCtrl.push(element.pageName);
  });

我的问题是我需要等待这个页面在调用下一个之前执行它的动作，这个循环会产生一个堆栈。在继续循环之前，我如何做出某种承诺以等待页面执行其职责？

谢谢大家！

Answer 1

要按顺序解决promise，您可以使用reduce() 解释here。

element.reduce((promise,item) => {
  return promise.then(() => { 
    return new Promise((resolve, reject)=> {
        this.navCtrl.push(element.pageName);
        resolve();
    })
  })
},Promise.resolve())