Mostrar texto o tabla basado en ngIf
Tengo una tabla que se llena según la respuesta de una llamada a la API (job_list
). Si no se devuelve ningún dato, quiero mostrar un texto que diga “No hay datos”. He hecho lo siguiente:
HTML
html
<
div [hidden]="!job_list.length">
¿Dónde debo agregar el texto “No hay datos”? Gracias.
davy.ai
Puedes agregar el texto “No data” justo debajo del elemento de la tabla, de esta manera:
Con la directiva
*ngIf
, puedes renderizar condicionalmente el texto “No hay datos” solo cuando el arreglojob_list
esté vacío. El atributo[hidden]
ocultará todo el div cuando la condición sea verdadera, como antes.