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

发布时间：2020-12-17 17:43:31 所属栏目：安全来源：网络整理

导读：我有一个广播组,每个选项使用相同的表单控件.是否可以仅禁用红色单选按钮？我知道您可以在颜色表单控件上设置禁用标志,但这将禁用所有单选按钮. fieldset [formGroup]="colorForm" legend Choose color /legenddiv class="radio" label input type="radio" v

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!