Pido disculpas en primer lugar por mi inglés, que no es nada bueno. ¡Hoy pido su ayuda porque tengo un problema incomprensible!

Actualmente estoy en Angular y uso .subscribe para rastrear mis observables. Aquí está mi componente:

 export class SiteDetailComponent implements OnInit { public test1 : ISite = <ISite>{}; public test2: ISite[] = []; public errMsg : string = ""; constructor(...) ngOnInit() { const id : number = Number(this.route.snapshot.paramMap.get('id')); this.SiteListeService.getSiteById(id).subscribe({ next: site => { this.test1 = site; }, error: err => this.errMsg = err }); this.SiteListeService.getSites().subscribe({ next: sites => { this.test2 = sites; }, error: err => this.errMsg = err });

Como puede ver, hice un .subscribe en 2 Observable: this;SiteListeService.getSites() y this.SiteListeService.getSiteById(id), aquí está el servicio en cuestión (que he importado el constructor).

 public getSites(): Observable<ISite[]> { return this.http.get<ISite[]>(this.HOTEL_API_URL + "test/").pipe( tap(test2 => console.log('test2 : ', test2)), catchError(this.handleError) ); } public getSiteById(id : number): Observable<ISite> { return this.http.get<ISite>(this.HOTEL_API_URL + "test/" + id).pipe( tap(test1 => console.log('test1 : ', test1)), catchError(this.handleError) ); }

El problema es que la variable test1 que uso en mi .html no quiere mostrarse, aquí está el ejemplo:

 <h5 class="card-title">{{ test1.nom }} </h5>

Por otro lado mi variable test2 que uso en el mismo .html funciona, ejemplo:

 <div class="col mb-4" *ngFor="let t2 of test2"> <h5 class="card-title">{{ t2.nom }}</h5>

¡Lo que no entiendo es por qué uno muestra y el otro no! ¡Sin embargo, puse ambos en ngOnInit() para que se trate con prioridad!

en mi servicio hice un console.log de lo que me devuelven mis solicitudes https, y todo funciona correctamente... Esto es lo que me muestra la consola de Google Chrome:

Espero haberte proporcionado toda la información necesaria, disculpa si mis palabras no son correctas, no soy un profesional. ¡Gracias de antemano por leer!