Angular2：如何禁止其中一个无线电元素？

Question

我正在尝试在收音机上创建一个包含 select 列表的表格，但其中一个收音机被禁用。

代码：

  <fieldset class="form-group d-flex justify-content-center">
<legend class="col-form-legend sr-only">Type data</legend>
<div>
  <div class="form-check">
    <label class="form-check-label">
      <input class='form-check-input' type='radio' name='type-data' id='type-data1' value='one' disabled="false" />
      Data 1
    </label>
  </div>
  <div class="form-check">
    <label class="form-check-label">
      <input class='form-check-input' type='radio' name='type-data' id='type-data2' value='one' disabled="true" />
      Data 2
    </label>
  </div>
  <div class="form-check">
    <label class="form-check-label">
      <input class='form-check-input' type='radio' name='type-data' id='type-data3' value='one' disabled="false" />
      Data 3
    </label>
  </div>
</div>

但是，我禁用了所有元素。

为什么？

Answer 1

从您不想禁用的元素中删除 disabled。关于使用disabled的参考，click here

对于您的情况，从元素 1 和 3 中删除 disabled="false"。

由于您正在使用 angular，您还可以使用 ng-disabled 属性

Answer 2

一旦包含 disabled 属性，无论您将其设置为什么，它都会禁用该控件。

删除你所有的disabled="false"

以后如果要禁用某个属性，只需添加disabled。

<input type="text" disabled/>

如果您希望将禁用状态数据绑定到 Angular 组件：

<input type="text" [disabled]="booleanComponentVar"/>

当 booleanComponentVar 为 false 时，

Angular 将为您删除 disabled 属性。

Angular2：如何禁止其中一个无线电元素？

Angular2 : How to forbid one of the radio elements?

javascript

radio

typescript

angular