angular - 如果变量值未定义/为空，如何隐藏 HTML 模板？

Question

我使用 ngFor 来显示我的数据。如果来自 ngFor 的变量值为空/未定义，我想隐藏一个 div。我的代码如下。谁能帮忙。

<li *ngFor="let parcel of dataSource;">

   <span hidden="parcel.ID==''">{{parcel.refrence }}</span>
</li>

Answer 1

使用*ngIf由于您的 parcelID 未定义，因此您的条件应为 *ngIf="parcel.ID"

<li *ngFor="let parcel of dataSource;">
   <span *ngIf="parcel.ID">{{parcel.refrence }}</span>
</li>