如果变量值未定义/为空，如何隐藏HTML模板? [英] How to hide HTML template if a variable value is undedfined/null?

问题描述

我已经使用ngFor来显示我的数据.如果ngng中的变量值为空/未定义，我想隐藏一个div.我的代码如下.任何人都可以帮忙.

I have used ngFor to display my data. And i want to hide a div if variable value from ngFor is empty/undefined. My code is below. Can anybody help.

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

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

推荐答案

使用 *ngIf ，因为您的包裹ID未定义，您的条件应为*ngIf="parcel.ID"

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

这篇关于如果变量值未定义/为空，如何隐藏HTML模板?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！