javascript - 如何通过可观察量组合来自两个端点的数据？

Question

我在后端进行了一项设置，可以从一个端点获取用户信息，并从另一个端点获取他们的个人资料照片。

在屏幕上显示任何内容之前，我需要首先获取用户，然后获取他们的照片。

我有一个以下界面

interface User {
  id: string;
  name: string;
  email: string;
  photoUrl?: string;
}

以及两个返回可观察值的函数:getUsers 和 getUserPhoto。

我这样打电话:

this.getUsers().pipe(
  map((users: User[]) => {
    return users.forEach(user => {
      // this part is problematic as I don't know how to call it properly
      return this.getUserPhoto(user.id)
    })
  })
);

理想情况下，此调用的最终结果应该是一个 User 数组，其中包含包括 photoUrl 在内的所有属性。

Answer 1

试试这个

this.getUsers.pipe(
    switchMap(users => {
        return forkJoin(users.map(user => this.getPhoto(user.userPhotoUrl).pipe(map(photo => ({...user, photo})))))
})
)

您将拥有一组具有照片属性的用户