根據 Angular 中的 function 值禁用反應形式的單選按鈕

Question

我有一個由單選按鈕組成的輸入，但我想根據 function 值（取決於組件的輸入）禁用其中的一些。 如果我嘗試這樣做，我會收到有關在反應形式中使用disabled屬性的警告。

<div *ngFor="let option of options">
  <p-radioButton [inputId]="option.id" name="option" [value]="option" formControlName="option" [disabled]="foo(option)"></p-radioButton>
  <label [for]="option.id">{{ option.name }}</label>
</div>

使用警告的建議，我應該使用 FormControl 並將其disabled設置為 true/false，但我不確定我是否理解如何使用單選按鈕執行此操作。

Answer 1

也許您可以嘗試[attr.disabled]="foo(option)" 。

此外，如果您更喜歡更改 typescript 代碼，有一個關於禁用反應形式的輸入字段的討論，我認為這可能對您有所幫助。