angular - 在 Angular 6 中顺序执行 http 请求

Question

我需要依次向服务器发送多个HTTP PUT请求(下一个请求只有在完成上一个请求后才开始，请求的数量不固定)。 如果我使用下面的源代码，所有的请求都会被发送

 `listURL.forEach(url => {
    const req = new HttpRequest('PUT', url, formData, { reportProgress: true});
    httpClient.request(req).subscribe(event=>{});
  });`

有没有按顺序执行请求的方法？

Answer 1

您可以将 async/await 与 Promise 结合使用来简化此操作。使用 toPromise()

将 observable 转换为 promise

async doSomethingAsync() {
    for(let url of listURL) {
        const req = new HttpRequest('PUT', url, formData, { reportProgress: true});
        const result = await httpClient.request<ModelHere>(req).toPromise();
        // do something with result
    }
}

有关 async/await 的更多信息，另请参阅这个出色的答案并滚动到标题 ES2017+: Promises with async/await .