关于angular：RxJs flatMap流中的Handle Error并继续处理


Handle Error in RxJs flatMap stream and continue processing

我正在Angular 2应用程序中使用RxJ来从API并行获取多个页面的数据，并保存任何失败的请求以供将来重试。

为此，我想捕获由flatMap-ing http get请求(下面的代码)生成的错误，并继续进行进一步的流处理。如果发生错误，我当前的解决方案将导致流中断。

1
2
3
4
5
6
7
8
9
10
Rx.Observable.range(1, 5)
   .flatMap(pageNo => {
              params.set('page', ''+pageNo);
              return this.http.get(this.API_GET, params)
                        .catch( (err) => {
                                  //save request
                                  return Rx.Observable.throw(new Error('http failed'));
                          });
    })
    .map((res) => res.json());

比方说，上例中，第2页和第3页的HTTP请求失败。我想为这两个请求处理错误(保存失败的请求以后重试)，并让其他请求继续并映射到json()。

我尝试使用.onErrorResumeNext代替catch，但是无法完成这项工作。

在您的捕获内，不要返回Observable.throw，则它应根据需要继续流。

如果要将信息传播到外部流，则可以使用return Observable.of("Error: Foo.Bar");。

或将错误记录在catch内部并返回Observable.empty()以使外部流基本上忽略该错误。

换句话说，只需将其链接：

.catch(error => Rx.Observable.of(error));

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
const stream$ = Rx.Observable.range(1, 5)
    .flatMap(num => {
      return simulateRest(num)
             .catch(error => {
                 console.error(error);
                 return Rx.Observable.empty();
             });
      });
             
stream$.subscribe(console.log);

// mocking-fn for simulating an error
function simulateRest(num) {
    if (num === 2) {
        return Rx.Observable.throw("Error for request:" + num);
    }
 
    return Rx.Observable.of("Result:" + num);
}
1
<script src="https://unpkg.com/rxjs/bundles/Rx.min.js">

相关讨论