HTML 中的 Angular Conditional 不喜欢小于或大于符号

Question

简单的问题，似乎找不到答案......（这对某人来说将是一个快速的“点”）

我希望在 Angular 5 ngIf 中有一个条件“小于”某个变量。

<div class="row" *ngIf="Subject < 4" >
<div class="row" *ngIf="Subject <= 4" >

这个语法炸弹是因为“<” - 我该怎么做？（无需编写函数）？

Answer 1

*ngIf 不适用于 '<=' 符号。需要使用 OR 运算符分别检查等于 (==)、小于 (<) 和大于 (>) 条件。

<div class="row" *ngIf="Subject<4 || Subject==4" >
  Row 1 (Rendered when Subject is lesser than or equal to 4)
</div>
<div class="row" *ngIf="Subject>4" >
  Row 2 (Rendered when Subject is greater than 4)
</div>

某些 IDE 可能会在编写代码时将“<”或“>”登录显示为语法错误，因为它们也用于 HTML 标记。但是，它不会抛出任何编译或运行时错误。

Answer 2

编辑可能会将其<视为错误。在 中使用 less 实际上并不是角度错误*ngIf。 这可能是转移注意力，因此请在其他地方寻找问题。

就我而言，我遇到了空引用的问题。例如

<span *ngIf="someArray">
  <span *ngIf="someArray.length < 3" class="keypadOutput">&nbsp;</span>
</span>

在某些情况下someArray可能为空，因此我需要*ngIf为someArray.