如果变量值为 undedfined/null，如何隐藏 HTML 模板？

Question

我已经使用 ngFor 来显示我的数据。如果来自 ngFor 的变量值为 empty/undefined，我想隐藏一个 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>

Answer 2

使用此代码 -

<li *ngFor="let parcel of dataSource;">
   <span [hidden]="parcel.ID !== ''">{{parcel.refrence }}</span>
</li>

或

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

the syntax for hidden is [hidden]