Promise.all perilaku dengan RxJS Observables?

Di Angular 1.x saya terkadang perlu membuat beberapa httppermintaan dan melakukan sesuatu dengan semua tanggapan. Saya akan membuang semua janji dalam array dan panggilanPromise.all(promises).then(function (results) {...}) .

Praktik terbaik Angular 2 tampaknya mengarah ke penggunaan RxJS Observablesebagai pengganti promise dalam httppermintaan. Jika saya memiliki dua atau lebih Observable berbeda yang dibuat dari permintaan http, apakah ada yang setara dengan Promise.all()?

Alternatif yang lebih mudah untuk meniru Promise.alladalah dengan menggunakan forkJoinoperator (ini memulai semua observable secara paralel dan menggabungkan elemen terakhirnya):

• dokumentasi
• tautan terkait: Cf. RxJS: gabungkan tiga janji, bedakan hasil

Agak di luar ruang lingkup, tetapi jika itu membantu, tentang masalah merangkai janji, Anda dapat menggunakan yang sederhana flatMap: Cf. Komposisi Janji RxJS (meneruskan data)

Perbarui Mei 2019 menggunakan RxJs v6

Menemukan jawaban lain yang berguna, dan ingin menawarkan contoh untuk jawaban yang ditawarkan oleh Arnaud tentang zip penggunaan.

Berikut ini cuplikan yang menunjukkan kesetaraan antara Promise.alldan rxjs zip(perhatikan juga, di rxjs6 bagaimana zip sekarang diimpor menggunakan "rxjs" & bukan sebagai operator).

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);
});

Output dari keduanya sama. Menjalankan di atas memberikan:

{ 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 juga berfungsi dengan baik, tetapi saya lebih suka menggabungkanLatest karena Anda tidak perlu khawatir tentang itu mengambil nilai terakhir yang dapat diamati. Dengan cara ini, Anda bisa mendapatkan pembaruan setiap kali salah satu dari mereka memancarkan nilai baru juga (misalnya Anda mengambil pada interval atau sesuatu).

Di reactivex.io forkJoin sebenarnya menunjuk ke Zip , yang melakukan pekerjaan itu untuk saya:

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