Angular 5 反应形式 - 禁用单选组中的一个单选选项答案

【问题标题】：Angular 5 reactive form - disable one radio option in radio groupAngular 5 反应形式 - 禁用单选组中的一个单选选项
【发布时间】：2018-01-24 05:58:37
【问题描述】：

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

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

【问题讨论】：

标签： angular angular-reactive-forms

【解决方案1】：

试试这个

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

propertyName 即值来自 components.ts 文件

【讨论】：

谢谢普拉奈拉纳。这与我刚刚想出的基本相同。看起来它正在工作。