首页 > 解决方案 > Ngif 用于空字符串验证角度 5

问题描述

我正在努力验证从服务器检索到的空字符串

它通常很简单,只是不起作用

<div class="ui-g-2 info-txt"
     *ngIf="appointment.Notes !==null || 
     appointment.Notes !== ''">
     <i class="fa fa-commenting-o" aria-hidden="true"</i>
</div>

<div class="ui-g-5 info-txt"
     *ngIf="appointment.Notes !==null ||     
     appointment.Notes !== ''">
     *emphasized text*{{appointment.Notes}}
</div>

<div class="ui-g-7 info-txt"
     *ngIf="appointment.Notes === null || 
     appointment.Notes === ''"
     style="padding-top: 0;">
     no hay notas disponibles
</div>

所以我正在检查一个空值或没有任何内容的字符串,问题是它仍然显示图标和空字符串

当没有干草里面有一条消息时.....没有显示所以它在那一边工作得很好

任何非常感谢的帮助一直停留在这个问题上。

我确定它很明显我只是看不到它

标签: angulartypescriptangular5angular-ng-if

解决方案


您可以使用双重否定来检查值是否未定义/空或空。前任:*ngIf="!!name".

这将防止显示所有 Null、未定义或空值。


推荐阅读