Rxjs。 Map 每个 object 可观察<foo[]>使用 http 调用</foo[]>

Question

假设，我有一个返回Foo[]的端点。 这是最简单的Foo class：

class Foo{
booId: number;
someProperty: string;
}

And what I want to do, is call another Http request for each Foo object to fetch Boo object with booId , then merge those two objects into one and return object which looks like that:

class FooWithBoo{
boo: Boo;
someProperty: string;
}

我知道有很多Rxjs operators我可以适当地使用，但是它们太多了，我不知道应该使用哪个。 有任何想法吗？

Answer 1

它会写成：

http.get(/*url to get Foo[]*/)
 .pipe(
   mergeMap(fooArray => from(fooArray)), //flatMap the returned array
   concatMap(foo => http.get(/*url to get Boo*/ + foo.booId))
 )
 .subscribe()