Promise.all Verhalten mit RxJS Observables?

In Angular 1.x musste ich manchmal mehrere httpAnfragen stellen und mit allen Antworten etwas anfangen. Ich würde alle Versprechen in ein Array werfen und anrufen Promise.all(promises).then(function (results) {...}).

Best Practices für Angular 2 scheinen auf die Verwendung von RxJS Observableals Ersatz für Versprechen in httpAnfragen hinzuweisen . Wenn ich zwei oder mehr verschiedene Observables aus http-Anfragen erstellt habe, gibt es eine Entsprechung zu Promise.all()?

Die einfachere Alternative zum Emulieren Promise.allbesteht darin, den forkJoinOperator zu verwenden (er startet alle Observablen parallel und verbindet ihre letzten Elemente):

• Dokumentation
• verwandter Link: Vgl. RxJS: Konzentrieren Sie drei Versprechen, unterscheiden Sie die Ergebnisse

Ein bisschen außerhalb des Anwendungsbereichs, aber falls es beim Verketten von Versprechungen hilft, können Sie ein einfaches verwenden flatMap: Vgl. RxJS Promise Composition (Daten übergeben)

Update Mai 2019 mit RxJs v6

Fanden die anderen Antworten nützlich und wollten ein Beispiel für die Antwort von Arnaud zur zipVerwendung geben.

Hier ist ein Ausschnitt, der die Äquivalenz zwischen Promise.allund den rxjs zeigt zip(beachten Sie auch in rxjs6, wie zip jetzt mit "rxjs" und nicht als Operator importiert wird).

import { zip } from "rxjs";

const the_weather = new Promise(resolve => {
  setTimeout(() => {
    resolve({ temp: 29, conditions: "Sunny with Clouds" });
  }, 2000);
});

const the_tweets = new Promise(resolve => {
  setTimeout(() => {
    resolve(["I like cake", "BBQ is good too!"]);
  }, 500);
});

// Using RxJs
let source$ = zip(the_weather, the_tweets);
source$.subscribe(([weatherInfo, tweetInfo]) =>
  console.log(weatherInfo, tweetInfo)
);

// Using ES6 Promises
Promise.all([the_weather, the_tweets]).then(responses => {
  const [weatherInfo, tweetInfo] = responses;
  console.log(weatherInfo, tweetInfo);
});

Die Ausgabe von beiden ist gleich. Wenn Sie die oben genannten Schritte ausführen, erhalten Sie:

{ temp: 29, conditions: 'Sunny with Clouds' } [ 'I like cake', 'BBQ is good too!' ]
{ temp: 29, conditions: 'Sunny with Clouds' } [ 'I like cake', 'BBQ is good too!' ]

forkJoin funktioniert auch gut, aber ich würde kombinierenLatest bevorzugen, da Sie sich keine Sorgen machen müssen, dass der letzte Wert von Observablen verwendet wird. Auf diese Weise können Sie einfach aktualisiert werden, wenn einer von ihnen auch einen neuen Wert ausgibt (z. B. wenn Sie ein Intervall oder etwas abrufen).

Auf reactivex.io zeigt forkJoin tatsächlich auf Zip , was die Arbeit für mich erledigt hat:

let subscription = Observable.zip(obs1, obs2, ...).subscribe(...);