Tengo una situación bastante simple pero me quedé atascado. Tengo la función customGalleriesHttpService.list() que devuelve observable con una matriz de elementos. Asumamos:
[ {id:1, ... other stuff }, {id:2, ... other stuff } ] Ahora quiero tomar cada elemento de esta matriz y hacer una solicitud http adicional customGalleriesHttpService.images(data.id) que devuelve observable con una matriz de imágenes para un elemento particular basado en su identificación. Lo que he logrado hasta ahora.
this.customGalleriesHttpService.list().pipe( concatMap((data) => data), mergeMap((data) => this.customGalleriesHttpService.images(data.id)), ).subscribe((data) => console.log(data));está funcionando pero hay más cosas. Me da una salida como esta:
Matriz[6], Matriz[6]
lo que quiero lograr es agrupar esto y devolver [Array[6], Array[6]]
Agregue un operador toArray() antes de suscribirse debería funcionar
this.customGalleriesHttpService.list().pipe( concatMap((data) => data), mergeMap((data) => this.customGalleriesHttpService.images(data.id)), toArray(), ).subscribe((data) => console.log(data));