Website-Suche

typescript - angular2 rxjs observable forkjoin


Ist es möglich, forkjoin http.get-Anfragen fortzusetzen, selbst wenn eine der Anfragen fehlschlägt.

Ich suche eine ähnliche Funktion wie $q.allSettled in Angular2.

Siehe Beispiel: http://jsfiddle.net/Zenuka/pHEf9/

angular.module('qAllSettled', []).config(function($provide) {
  $provide.decorator('$q', function($delegate) {
    var $q = $delegate;
    $q.allSettled = function(promises) {
      return $q.all(promises.map(function(promise) {
        return promise.then(function(value) {
          return { state: 'fulfilled', value: value };
        }, function(reason) {
          return { state: 'rejected', reason: reason };
        });
      }));
    };
    return $q;
  });
});

Kab

Antwort #1

Sie könnten den catch-Operator für jedes Observable nutzen, um den Fehler abzufangen und in solchen Fällen ein anderes Observable zurückzugeben.

Hier ist ein Beispiel:

return Observable.forkJoin(
  this.http.get('/some-url')
         .map((res:Response) => res.json())
         .catch(res:Response => Observable.of({}),
  this.http.get('/some-other-url')
         .map((res:Response) => res.json())
         .catch(res:Response => Observable.of({}),
);

Antwort #2

Verwendet Observable.forkJoin(), um mehrere gleichzeitige http.get()-Anfragen auszuführen. Der gesamte Vorgang führt zu einem Fehlerzustand, wenn eine einzelne Anfrage fehlschlägt.

 getBooksAndMovies() {
    return Observable.forkJoin(
      this.http.get('/app/books.json').map((res:Response) => res.json()),
      this.http.get('/app/movies.json').map((res:Response) => res.json())
    );

Aber Sie könnten Ihre zusätzliche GET-Anfrage im Fehlerbehandler einfügen:

getBooksAndMovies() {
    Observable.forkJoin(
        this.http.get('/app/books.json').map((res:Response) => res.json()),
        this.http.get('/app/movies.json').map((res:Response) => res.json())
    ).subscribe(
      data => {
        this.books = data[0]
        this.movies = data[1]
      },
      err => console.error(err)
    );

Verwandte Artikel