如何使用RxJS在Angular 6中创建一系列HTTP请求

Question

我一直在网上寻找解决方案，但找不到适合我的用户情况的任何解决方案。我正在使用MEAN堆栈（角度6），并且有注册表。我正在寻找一种对API执行多个HTTP调用的方法，每个方法都依赖于前一个方法返回的结果。我需要这样的东西：

firstPOSTCallToAPI('url', data).pipe(
    result1 => secondPOSTCallToAPI('url', result1)
    result2 => thirdPOSTCallToAPI('url', result2)
    result3 => fourthPOSTCallToAPI('url', result3)
    ....
).subscribe(
    success => { /* display success msg */ },
    errorData => { /* display error msg */ }
);

我需要使用哪种RxJS运算符组合来实现此目的？一种可能的解决方案是嵌套多个订阅，但是我想避免这种情况，并使用RxJS更好地实现。还需要考虑错误处理...

先谢谢了！

Answer 1

对于取决于先前结果的呼叫，您应该使用 concatMap

firstPOSTCallToAPI('url', data).pipe(
    concatMap(result1 => secondPOSTCallToAPI('url', result1))
      concatMap( result2 => thirdPOSTCallToAPI('url', result2))
       concatMap(result3 => fourthPOSTCallToAPI('url', result3))
    ....
).subscribe(
    success => { /* display success msg */ },
    errorData => { /* display error msg */ }
);