Angular 5 反应形式 - 禁用无线电组中的一个无线电选项

Question

我有一个单选组，它对每个选项使用相同的表单控件。是否可以仅禁用红色单选按钮？我知道您可以在 color 表单控件上设置禁用标志，但这将禁用所有单选按钮。

<fieldset [formGroup]="colorForm">
    <legend>
      Choose color
    </legend>

<div class="radio">
  <label>
    <input type="radio" value="red" formControlName="color">
    Red
  </label>
</div>

<div class="radio">
  <label>
    <input type="radio" value="green" formControlName="color">
    Green
  </label>
</div>

<div class="radio">
  <label>
    <input type="radio" value="blue" formControlName="color">
    Blue
  </label>
</div>

Answer 1

试试这个

 <input type="radio" [attr.disabled]="propertyName === false || null"" 
  value="red" formControlName="color">

propertyName 即值来自 components.ts 文件

Angular 5 反应形式 - 禁用无线电组中的一个无线电选项

Angular 5 reactive form - disable one radio option in radio group

angular

angular-reactive-forms