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()