如果变量值未定义/ null,如何隐藏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>