Два синхронных http-вызова с использованием Observable

Question

У меня проблема с Observables в приложении Angluar2. Предположим гипотетическую ситуацию, что мне нужно сделать два отдельных HTTP-вызова. Один вызов напрямую зависит от результата другого. Код выглядит так:

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