Tengo un observable para obtener users , y luego quiero hacer llamadas a la API para obtener roles para cada usuario y luego combinar todos los datos en una sola matriz de objetos para mostrar.
He llegado a este punto, pero creo que debe haber una manera de combinar las llamadas de roles con los usuarios en la transmisión en lugar de tener que suscribirme y luego combinarLatest:
this.getAllUsersParams$ .pipe( switchMap(params => this.userFacadeService.sysadminGetAllUsers(params)), map(allUsers => { const rolesCalls: Observable<UserRoles[]>[] = []; allUsers.users.forEach(user => { rolesCalls.push(this.userFacadeService.getUserRoles(user.id)); }); return { allUsers, rolesCalls }; }) ) .subscribe(data => { combineLatest(data.rolesCalls) .pipe( map(userRoles => { const userListVM: UserListVM[] = data.allUsers.users.map((user, i) => { return { ...user, roles: userRoles[i], }; }); return { userListVM, total: data.allUsers.total }; }) ) .subscribe(data => { // consume data }); })¿Estás buscando algo como esto?
this.getAllUsersParams$ .pipe( switchMap(params => this.userFacadeService.sysadminGetAllUsers(params)), switchMap(allUsers => combineLatest( allUsers.users.map(user => combineLatest([ of(user), this.userFacadeService.getUserRoles(user.id), ]) )), map((result): { total: number, userListVM: UserListVM[] } => ({ total: result.length, userListVM: result.map(user => ({ ...user[0], roles: user[1] })) })) ) .subscribe(data => { ... });Empareja a cada usuario con sus roles, luego puede manipular los datos para que tengan la estructura que desea.