Nested request Rxjs Angular

Question

I have a list of items. Each item contains the name of a file. I need the name of each file. With each name make a new request and get the data file First request looks like->

The goal is get the list and get the name of the image and do a new request for each item-image to get the path of the image and finaly append the path to the first item list The goal looks like your text->

The code gets

entradas$.pipe(
mergeMap(entradas=>forkJoin 
 (entradas.map(ent=> 
 this.entradaService.getStaticSingularImage(ent.imagen))))) 
 .subscribe(data=>console.log(data))

Answer 1

You can change your code to combine the response and the details together.

entradas$
.pipe(
    mergeMap(entradas=>{
       return forkJoin(entradas.map(entrada => {
           return this.entradaService
                      .getStaticSingularImage(entrada.imagen)
                      .pipe(map((response) => {
                         return { 
                            entrada: entrada,
                            response
                         }
                      }));
       });
    })
)
.subscribe(data=>console.log(data))