[英]rxjs error handling > on catchError source stops emitting
我对rxjs catchError
运算符有点困惑。 这是一个使用Angular的简单示例:
( 这里有现场演示)
import { Component } from '@angular/core';
import { of, timer } from 'rxjs'
import { tap, catchError } from 'rxjs/operators'
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
})
export class AppComponent {
constructor() {
const source$ = timer(1000, 1000).pipe(tap(n => {
if (n === 3) {
throw new Error('n === 3')
}
}))
this.value$ = source$.pipe(catchError(err => {
return of(42)
}))
}
value$
}
{{ value$ | async }}
异步管道订阅到的source$
可观察到的发出0,1,2,然后出现错误。 这个错误在catchError
运算符中捕获,该catchError
符将错误地吞下并发出42。我想我明白。 但是,发射随后停止了(我原以为是4,5,6,...)。 有人可以解释为什么这种情况不会发生,以及是否有任何方法可以实现这种行为吗?
在以下情况下,这在实践中对我很重要,在这种情况下,每次发出路线参数时我们都会加载新数据。 假设我们导航到引发错误的路线(例如404、500等),我不希望事件流停止发出,因为那样我就无法导航回任何其他页面。 我只想优雅地处理错误并继续侦听路由更改。
this.foo$ = this._route.params.pipe(
map(params => params.id),
switchMap(id => this._fooServerClient.getOneById(id)),
catchError(err => {
return of(undefined)
})
)
如果Observable管道中发生异常,则是根据Observable的设计,相应的Observable [引发错误]将处于错误状态,并且无法发出新的/进一步的值[即,就像取消订阅一样]。
现在,要保持外部可观察的活动(即继续发出新值),然后处理内部可观察的错误[即在内部可观察的管道中使用catchError
运算符,如下所示:
this.foo$ = this._route.params
.pipe(
map(params => params.id),
switchMap(id => {
return this._fooServerClient.getOneById(id)
.pipe(
catchError(err => {
return of(undefined);
})
)
}),
);
内部可观察管道中具有catchError
将保持外部可观察活动(即即使内部可观察抛出异常,也继续发出新值)。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.