Este es mi método ngOnInit:
async ngOnInit() { return this.http.get(this.apiserver.apiUrl + 'negocios/listadoTodos/?negocio=1').subscribe(async (todos:any) => { this.detalles = todos; console.log(this.detalles); }); }Mi consola: ingrese la descripción de la imagen aquí
Mi html:
<div class="text-lg font-bold leading-none" *ngFor="let item of detalles">{{item.nombre}} - {{item.sector}}</div>Estoy tratando de usar una API que está en mi localhost y no sé por qué en la consola funciona pero no en la interfaz html.
Su API puede tomar tiempo para cargar datos, por lo que cuando la llamada API obtenga datos, imprimirá datos en la consola, pero antes de eso, su HTML se renderizará en el navegador, por lo que debe usar * ngIf antes de * ngFor de esta manera.
<div *ngIf="detalles.length"> <div class="text-lg font-bold leading-none" *ngFor="let item of detalles"> {{item.nombre}} - {{item.sector}} </div> </div>