使用Observable的两个同步http调用

Question

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

有嵌套的订阅（）调用，我想摆脱。

Answer 1

你能做的就是利用Rxjs中的. do（）函数。看一下这里

Answer 2

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