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

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

<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>

解决方法

试试这个

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

propertyName即value来自components.ts文件