Angular 6 + RxJs-concatMap的错误处理

时间:2019-03-01 21:06:43

标签: angular error-handling rxjs6 concatmap

我仍在学习RxJ,并且尝试使用concatMap()不使用嵌套订阅。我希望第一个调用运行,然后在运行第二个请求之前延迟一两秒钟(在第二个请求之前创建数据库记录)。我还想专门为每个请求添加错误处理,以便我可以分别捕获它们的错误。

到目前为止,我有一些可以运行请求1,延迟,然后运行请求2。

return this.request_1(postData).pipe(
      concatMap(res => of(res).pipe( delay( 2000 ) )),
      concatMap(res => this.request_2(parseInt(data.id), parseInt(model['_id'])) )
    );

我想知道的是-

  1. 我可以对每个请求使用catchError()之类的东西吗?
  2. 如果我想在第二个请求运行之前完成请求1,这是正确的吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

您可以为每个请求添加一个catchError。但是只要您不希望更改错误对象,我宁愿在管道的末尾只有一个catchError。只会把所有错误都带给订户。

然后可以在订阅中完成错误处理本身

const source = of('World').pipe(
  concatMap(res => of(res).pipe(
    delay(2000),
    map(res => res += ' + concat 1')
  )),
  concatMap(res => of(res).pipe(
    map(res => res.h += ' + concat 2')
  )),
  catchError(err => throwError(err))
);

source.subscribe(
  x => console.log(x),
  error => console.log('error', error)
);

https://stackblitz.com/edit/rxjs-6dign7