有条件地禁用角度为4+的反应形式内的单选按钮组中的单选按钮 [英] Disable a radio button conditionally in a radio button group inside Reactive form in Angular 4+

问题描述

我在Component中创建了一个反应形式，并在其上定义了一些。

现在，我需要根据某些条件禁用单选按钮组中的一个单选按钮。

如何在创建formControl时完成？

pfb代码片段：

createForm() {
this.heroForm = this.fb.group({
  confirmActionRadioGrp: this.fb.group({
            updateAction: new FormControl({ value: '' })
        })

  });
}

我的模板内部：

    <div class="form-group confirm-action-radio-container" formGroupName="confirmActionRadioGrp">
<input  type="radio"  class="custom-control-input" value="1" formControlName="updateAction">
    <input  type="radio"  class="custom-control-input" value="2" formControlName="updateAction">
    <input  type="radio"  class="custom-control-input" value="3" formControlName="updateAction"></div>

现在如何有条件地禁用其中一个？当使用[disable]属性时，我在浏览器控制台中收到一些警告。角度不鼓励这样做

推荐答案

忽略浏览器警告并对输入使用Disable属性。如果您愿意，可以使用：

[attr.disabled]="whatever"

相反，这应该会使警告静默。根据此未决问题，角度反应表单目前不支持通过formcontrol/formgroup API禁用组中的单个单选按钮：

https://github.com/angular/angular/issues/11763

这篇关于有条件地禁用角度为4+的反应形式内的单选按钮组中的单选按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！