我在Angular 2应用程序中使用RxJs来并行获取多个页面的API数据,并保存所有失败的请求以供将来重试。
为此,我想捕获flatMap-ing http get请求(下面的代码)生成的错误,并继续进行进一步的流处理。如果出现错误,我当前的解决方案会导致流停止。
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,但我无法完成这项工作。
答案 0 :(得分:6)
在你的捕获中,不要返回Observable.throw
,然后它应该根据需要继续流。
如果要将信息传播到外部流,可以使用return Observable.of("Error: Foo.Bar");
作为示例。
或者在catch
内记录错误并返回Observable.empty()
以使外部流基本上忽略错误。
换句话说,只需将其链接起来:
.catch(error => Rx.Observable.of(error));
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);
}
<script src="https://unpkg.com/rxjs/bundles/Rx.min.js"></script>