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 标记。但是，它不会抛出任何编译或运行时错误。