Angular async pipe with rxjs switchmap

Question

this.users$ = this.http.getUsers(criteria).pipe(
  switchMap(user => this.http.getUserData(user.id)),
  map(res => res.data)
);

I want to assign res.data to user.data But the result is only res.data and its forgetting about user obejct Any suggestions?

Answer 1

This should do the trick for you.

this.users$ = this.http.getUsers(criteria).pipe(
  switchMap(user => this.http.getUserData(user.id).pipe(
          map((res) => ({...user, data: res.data}))
  )),
);