如果变量值未定义/ 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>

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>

  

隐藏的语法是[隐藏]