[attr.disabled]=true 在反应形式 Angular 15 中不起作用

Question

目前，我正在使用 Angular 15 和 Angular 14 作为我使用的反应形式的禁用输入字段[attr.disabled]="disableField ? true : null"。

我将 Angular 版本 14 更新到 15 后，此属性不起作用

Answer 1

Angular 15 中的一项更改改变了禁用状态。

此行为更改是由修复“setDisabledState始终调用”引起的。以前，使用[attr.disabled]会导致您的视图与模型不同步。

如果您使用反应式表单？尝试在您的模型而不是模板上设置禁用。尝试new FormControl({ value: 'foo', disabled: true })。或者打电话myControl.disable()进来ngOnInit。如果您想选择退出修复。确保您使用的是15.1.0或更高版本并导入FormsModule.withConfig({ callSetDisabledState: 'whenDisabledForLegacyCode' })（或者ReactiveFormsModule，如果您正在使用该版本）。