Observableを使用した2つの同期httpコール

Question

Angluar2アプリのObservablesに問題があります。 2つの別々のhttp呼び出しを行う必要があるという仮説的な状況を想定してみましょう。 1つのコールは、他のコールの結果に直接依存します。コードは次のようになります。

this.http.get('http://kalafior/group/'+id) 
    .map(res => res.json()) 
    .subscribe(group => { 
     //url depends on previous call result 
     this.http.get('http://kalafior/group/'+group.id+'/posts') 
      .map(res => res.json()) 
      .subscribe((res) => { 
       console.log(res); 
      }); 
    }); 

削除したいsubscribe（）呼び出しがネストされています。

Answer 1

この種のシナリオでは、flatMapが作成されました。質問の

this.http.get('http://kalafior/group/'+id) 
    .map(res => res.json()) 
    .flatMap(group => this.http.get('http://kalafior/group/'+group.id+'/posts')) 
    .map(res => res.json()) 
    .subscribe((res) => { 
     console.log(res); 
    }); 
}); 

Answer 2

できることは、.do()の機能をRxjsから利用することです。見てくださいhere