如何根据 Angular 组件变量的值有条件地设置输入标签的最大值

Question

我有3路输入控制定义如下

<input type="range" min="0" max="2" formControlName="dhwOption" class="form-control-range" style="width:180px" id="myonoffswitch2">

我想使用组件 class 变量的值动态设置从 2 到 1 的范围，它不起作用

 <input type="range" min="0" max= {*ngIf="appEngineMsg && appEngineMsg.Type === 0"}?"1" :"2" formControlName="dhwOption" class="form-control-range"

Answer 1

删除大括号和引号并尝试以下代码，假设 appEngineMsg 是.ts中的变量

<input type="range" min="0" max="appEngineMsg && appEngineMsg.Type === 0 ? 1 : 2" formControlName="dhwOption" class="form-control-range"

Answer 2

您应该使用属性绑定语法并利用安全导航运算符：

[max]="appEngineMsg?.Type === 0 ? 1 : 2"

Answer 3

这是我自己的项目的有效解决方案

<input type="range" min="0" max='{{appEngineMsg && appEngineMsg.Type === 0 ? 1 : 2}}'>