javascript - 在循环内触发同步调用，等待两个 api 调用成功，然后下一次迭代需要以 Angular 6 开始

Question

尝试使用以下代码不等待调用后成功跳转到下一次迭代，然后再响应。需求:需要在两次api(POST/PATCH)调用成功后进行下一次迭代

 for (item of data) {
  A(item)

}
A(value) {
  const resp = this.post(url, {
      'rationale': value['rationale']
    })
    .mergeMap(tempObj => {
      value['detail'] = tempObj['id']
      return this.patch(url, value['extid'], value)
    })
    .subscribe()
}

Answer 1

最近我使用了带有 Angular http 的 toPromise 函数将一个可观察到的变成一个 promise 。如果在异步函数中有外循环，这可能会起作用:

// This must be executed inside an async function
for (item of data) {
  await A(item)
}

async A(value) {
  const resp = await this.post(url, {
      'rationale': value['rationale']
    })
    .mergeMap(tempObj => {
      value['detail'] = tempObj['id']
      return this.patch(url, value['extid'], value)
    }).toPromise();
}