首页 > 解决方案 > Angular 6 无法使用本地参考禁用启用输入

问题描述

我在我的角度应用程序中使用反应形式。

measurement: new FormControl(true),
volume: new FormControl(0)

在我的html中,我使用的是

<input type="checkbox" formControlName='measurement' #measurement>Volume
<input formControlName='volume' type="number" class="form-control input-md" [attr.disabled]="!measurement.checked">

当我选中“音量”复选框时,它应该启用“音量”控制。但它不是在启用和禁用之间切换。但是,如果我控制台“measurement.checked”它是显示真或假。如何通过本地参考启用或禁用?谢谢你。

标签: angular7angular-reactive-forms

解决方案


禁用不能像您的方法一样动态设置以获取更多信息 https://github.com/angular/angular/issues/11271。但是您可以通过 onchange 中的函数启用或禁用 control.enable() , control.disable()


推荐阅读