javascript - 使用 Observable 的两个同步 http 调用

Question

我对 Angluar2 应用程序中的 Observables 有疑问。假设我需要进行两个单独的 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);
    });
});