如何根據 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}}'>