web-dev-qa-db-ja.com

Observable.forkJoin（...）でエラーをキャッチする方法は？

Observable.forkJoin（）を使用して、両方のhttp呼び出しが終了した後の応答を処理しますが、どちらかがエラーを返した場合、どのようにそのエラーをキャッチできますか？

Observable.forkJoin(
  this.http.post<any[]>(URL, jsonBody1, postJson) .map((res) => res),
  this.http.post<any[]>(URL, jsonBody2, postJson) .map((res) => res)
)
.subscribe(res => this.handleResponse(res))
angularpromiserxjsangular-httpangular-httpclient
15
matchifang

catchに渡される各オブザーバブルのエラーをforkJoinすることができます。

// Imports that support chaining of operators in older versions of RxJS
import {Observable} from 'rxjs/Observable';
import {forkJoin} from 'rxjs/add/observable/forkJoin';
import {of} from 'rxjs/add/observable/of';
import {map} from 'rxjs/add/operator/map';
import {catch} from 'rxjs/add/operator/catch';

// Code with chaining operators in older versions of RxJS
Observable.forkJoin(
  this.http.post<any[]>(URL, jsonBody1, postJson) .map((res) => res)).catch(e => Observable.of('Oops!')),
  this.http.post<any[]>(URL, jsonBody2, postJson) .map((res) => res)).catch(e => Observable.of('Oops!'))
)
.subscribe(res => this.handleResponse(res))

また、RxJS6を使用する場合は、catchErrorの代わりにcatchを使用し、連鎖の代わりにpipe演算子を使用する必要があることに注意してください。

// Imports in RxJS6
import {forkJoin, of} from 'rxjs';
import {map, catchError} from 'rxjs/operators';

// Code with pipeable operators in RxJS6
forkJoin(
  this.http.post<any[]>(URL, jsonBody1, postJson) .pipe(map((res) => res), catchError(e => of('Oops!'))),
  this.http.post<any[]>(URL, jsonBody2, postJson) .pipe(map((res) => res), catchError(e => of('Oops!')))
)
  .subscribe(res => this.handleResponse(res))
23
siva636

これは私のために働く：

forkJoin(
 this.http.post<any[]>(URL, jsonBody1, postJson).pipe(catchError(error => of(error))),
 this.http.post<any[]>(URL, jsonBody2, postJson)
)
.subscribe(res => this.handleResponse(res))

最初の呼び出しでエラーが発生した場合でも、2番目のHTTP呼び出しは正常に呼び出されます

1
Washington Soares Braga