Estoy combinando múltiples solicitudes http con el operador forkJoin rxjs.
fetchUsers() { const userIds = [1, 2, 3]; const url = 'https://jsonplaceholder.typicode.com/users'; forkJoin(userIds.map(id => this.http.get(`${url}/${id}`))).subscribe( console.log ); }Entonces, me suscribo y obtengo tres objetos, pero quiero mutar esos objetos y obtener una estructura como esta
[{id:1, user: Object}, {id:2, user: Object}, {id:3, user:Object}];He intentado usar el operador pero obtengo
[{id:1, user: Observable}]estructura. Este es mi enlace de stackblitz https://stackblitz.com/edit/angular-ivy-uikppg?file=src%2Fapp%2Fapp.component.ts . Gracias
Debe usar el operador de mapa rxjs para transformar datos en lugar de usar el operador dentro de forkJoin
fetchUsers() { const userIds = [1, 2, 3]; const url = 'https://jsonplaceholder.typicode.com/users'; forkJoin( userIds.map(id => this.http.get(`${url}/${id}`).pipe((map(user=>({ id,user }))))) ).subscribe(console.log); }