Ngif用于空字符串验证angular 5

时间:2018-11-01 19:16:09

标签: angular typescript angular5 angular-ng-if

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

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

<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>

所以我要检查是否为null或字符串,其中没有任何内容,问题是它仍显示图标和空字符串

当没有干草的消息出现时.....没有显示出来,因此它在该侧工作正常

长期以来,任何帮助一直困扰于此。

我肯定看不到它

2 个答案:

答案 0 :(得分:1)

应该不是:

约会。注释!==空 && 约会。注释!==”“

您希望它不为null并且不为空,但是您只是在检查它是否不为null或不为空。也就是说,如果您具有以下值:

const name = "";

* ngIf条件为true,因为它不为空。

答案 1 :(得分:1)

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

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