Rxjsは2

角度2つの観測、私は2つの観測、両方のHTTP呼び出しを持っているの組み合わせ現在のitemList $ observableの結果が1つの項目配列を形成します。私はitemListの$を聞いてthatsの非同期パイプを持っているHTMLでRxjsは2

：

<div *ngFor="let item of itemList$ | async">{{item.name}}</div>

がどのようにitemListの$にnewItem $をマージし、非同期パイプがマージされた結果を表示することができますか？

2017-02-03 Nik

あなたは（私はRxJSバージョン5.0.1を持っている）Observable.merge使用することができます

Observable.merge(newItem$, itemList$) 
      .subscribe(response => { 
       // Perform your action 
      });

私が見つけるんだとして最も一般的なアプローチであるように思わ

2017-02-03 19:59:12 muzurBurcu

.subscribe演算子を使用すると、非同期パイプ（自動的にサブスクライブを処理する）を使用することはできません。 – Nik

その後、OnDestroyで非同期パイプを使用せずに手動で購読を解除するか、HandUnotationでTakeUntilDestroy-Pluginを使用してすべてを自動的に購読解除してください。 – Phil

Observableの代わりにSubjectを使用できます。新しいアイテムを作成するとすぐに、それをSubjectに渡してそれを放出します。

itemList$:AsyncSubjct<any>; 

createNewItem(){ 
    this.http.createNewItem(...some url...).subscribe(data => { 
    this.itemList$.next(data); 
}

2017-02-03 18:44:33 Matt

。私は、被験者を必要とせずに2つのObservablesを組み合わせた演算子があると考えました。 – Nik

あなたが購読していない限り、muzurBurcuの提案はあなたにとってうまくいかないでしょうか？ Observablesを継承しているので、私は個人的にSubjectを好きですし、オーバーヘッドなしで透過的に使用できます。 – Matt

答えて