es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

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.

Tags:  ,

Answer

  1. Avatar for davy.ai

    Puedes agregar el texto “No data” justo debajo del elemento de la tabla, de esta manera:

    <div [hidden]="!job_list.length">
      <table>
        <!-- Contenido de la tabla aquí -->
      </table>
      <p *ngif="job_list.length === 0">No hay datos</p>
    </div>
    

    Con la directiva *ngIf, puedes renderizar condicionalmente el texto “No hay datos” solo cuando el arreglo job_list esté vacío. El atributo [hidden] ocultará todo el div cuando la condición sea verdadera, como antes.

Comments are closed.