如何在 html 中使用 ngif 作为值

Question

我想使用 ngif 为文本框赋值。 我的用例是，如果总小时数大于 40，则将值分配为 40，否则分配总小时数。 我尝试使用此代码，但出现错误

 <ng-template *ngIf="{{this.result > 40}}">
        <input id="regularHours" type="number" value=40 class="form-control">
      </ng-template>

错误：类型'{“”：未定义； }' 不可分配给类型“字符串”。

不知道我在这里做错了什么，有人可以帮忙提前谢谢。

Answer 1

*ngIf需要一个 boolean 表达式“作为代码”，如*ngIf="true"

{{ x }}用于显示/打印表达式。

在您的情况下，您应该将代码更新为：

*ngIf="this.result > 40"

Answer 2

对于这个用例，您可以考虑直接操作输入值，以节省几行代码 - 这将给出相同的结果：

    <input id="regularHours" type="number" [value]="result > 40 ? 40 : result" class="form-control">

此外，在模板中使用 var 时不需要“this”。