复选框为false时禁用单选按钮Angular 2

Question

我有角度2的应用程序。 有一个复选框，当它是＆＃34; false＆＃34;其他2个无线电组内的单选按钮需要被禁用。但我不知道该怎么做。

mycollection

Answer 1

试试这个：

<input formControlName="cadBanco" type="checkbox" [(ngModel)]="form3.cadBanco">

和

<input formControlName="pessoa" type="radio" [(ngModel)]="form3.pessoa" [attr.disabled]="form3.cadBanco === false || null">

我在这里也添加了null，因为默认情况下，在复选框上做出选择之前，默认值为null。

如果您正在使用ngModel，并希望默认情况下禁用单选按钮，则需要将form3.cadBanco设置为false，例如在ngOnInit或构造函数中，以防您没有使用OnInit。

我在您的代码中使用了ngModel。您实际上并不需要它（如果您没有其他目的），因为您可以使用formcontrols访问该值。

单选按钮禁用可能如下所示：

[attr.disabled]="form3.controls.cadBanco.value == false || null"

...并完全跳过ngModel。但也许你知道这一点......因为你的代码中使用form3.controls...来检查有效性......但是如果你没有，我想我会提到它：）

Answer 2

尝试这样做：

 <input type="checkbox" [(ngModel)]="form3.cadBanco" #someCheckbox />

 <input type="radio"  [(ngModel)]="form3.pessoa" [attr.disabled]="!someCheckbox.value" />