0
109
VistasLa información de la API no se muestra en el navegador Angular
La información de la API se muestra en la consola pero no en el navegador. Antes pregunté y un usuario dijo que tengo que poner
*ngIf = "catServ.length"y entonces
*ngFor = "let item of catServ"como lo puedes ver aqui
<div *ngIf="catServ.length"> <h2 *ngFor="let item of catServ" class="text-3xl md:text-4xl font-extrabold tracking-tight leading-7 sm:leading-10 truncate" style="font-size: 20px!important;"> {{item.nombre}} </h2> </div>Pero la consola muestra un error que no reconoció eso.
este es mi archivo ts para llamar a la API desde el servidor
this.http.get(this.apiserver.apiUrl + 'negocios/listadoTodos/?negocioCategorias=1').subscribe(deCat => { this.catServ = deCat; });¿Qué puedo hacer en este caso? Quiero ver la información en el navegador, y ahora solo se muestra en la consola
1 Respuestas
Responde la pregunta0
Su búsqueda no aclara lo que realmente está tratando de lograr.
¿Estás tratando de deshacerte del error? ¿Quieres ver los datos en la ventana del navegador?
Voy a suponer que quieres deshacerte del error primero.
Agregue *ngIf="catServ && catServ.length" para evitar obtener el error antes de que se inicialice catServ .
Puede consultar la pestaña de red para ver las solicitudes y verificar si está recibiendo datos del servidor.
<div *ngIf="catServ && catServ.length"> <h2 *ngFor="let item of catServ" class="text-3xl md:text-4xl font-extrabold tracking-tight leading-7 sm:leading-10 truncate" style="font-size: 20px!important;"> {{item.nombre}} </h2> </div>