我有一個基于 API 呼叫回應（job_list）填充的表。如果沒有回傳資料，我想顯示一個文本，說“沒有資料”。我做了以下作業：
HTML
<div [hidden]="!job_list.length">
<table>
.
.
.
.
.
</table>
我應該在哪里添加文本“無資料”？謝謝你。
uj5u.com熱心網友回復：
你可以通過一個單獨的模板來做到這一點，它只需要一個*ngIf，包含一個else。在官方檔案中閱讀有關 ngIf 的更多資訊。
<ng-container *ngIf="job_list.length; else noDataTemplate">
<table>
</table>
</ng-container>
<ng-template #noDataTemplate>
<p>No data found</p>
</ng-template>
uj5u.com熱心網友回復：
你可以檢查。
<div *ngIf="job_list.length > 0">
// Show table
</div>
<div *ngIf="job_list.length === 0">No Data</div>
uj5u.com熱心網友回復：
您可以使用[ngSwitch]來實作這一點。Angular 檔案中的更多資訊
<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>
在此 Stackblitz上親自嘗試
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/387498.html
標籤：有角的 angular-ng-if