HTML检查变量未定义,使用ngIf排除值为0时的情况

时间:2017-08-22 22:02:48

标签: angular angular2-template angular2-directives

我正在使用Angular 2,并希望使用htm undefined条件检查变量值是否为*ngIf

如果我使用<span *ngIf="!testvar">,它还会涵盖变量testvar = 0时的情况,但我想在0时排除这种情况。

以下是有效的,但这些是2次检查:

<span *ngIf="!testvar && testvarl != 0"></span>

我想检查这个案例,只是为了缩短它并使其更清洁。

有一种简单的方法吗?

4 个答案:

答案 0 :(得分:20)

你可以写:

*ngIf="testvar !== undefined"

答案 1 :(得分:0)

IDE不喜欢上面的回答:)另一个可能的方法是:

*ngIf="balance + '' === 'undefined'"

答案 2 :(得分:0)

如果您也可能担心 null

*ngIf="testvar !== undefined && testvar !== null"

答案 3 :(得分:0)

尽管这是一个老话题,但这是一个可以帮助其他人的可能解决方案:

<span *ngIf="isValid(testvar)"></span>

isValid(str: String) {
    return typeof str !== 'undefined' && str != 0;
}