Tengo una tabla que se completa en función de la respuesta de llamada API ( job_list ). Si no se devuelven datos, quiero mostrar un texto que diga "Sin datos". He hecho lo siguiente:
<div [hidden]="!job_list.length"> <table> . . . . . </table>¿Dónde debo agregar el texto "Sin datos"? Gracias.
Puedes comprobar.
<div *ngIf="job_list.length > 0"> // Show table </div> <div *ngIf="job_list.length === 0">No Data</div>Puede hacer esto a través de una plantilla separada, todo lo que requiere es un *ngIf , con un else incluido. Lea más sobre ngIf en los documentos oficiales .
<ng-container *ngIf="job_list.length; else noDataTemplate"> <table> </table> </ng-container> <ng-template #noDataTemplate> <p>No data found</p> </ng-template>Puede usar [ngSwitch] para lograr esto. Más información en Angular Doc
<ng-container [ngSwitch]="job_list.length"> <ng-container *ngSwitchCase="0"> <p>No Data</p> </ng-container> <ng-container *ngSwitchDefault> <table> </table> </ng-container> </ng-container>Pruébelo usted mismo en este Stackblitz