更新禁用 Angular 表单控件中的值

Question

我正在使用表单输入来展示一些用户可以修改的数据。但是它开始禁用并在用户访问它时启用。但是，如果我只是在它被禁用时设置它的值，它不会更新视图。

我找到的解决方法如下：

const timeBeginControl = group.get('timeBegin');
timeBeginControl.enable();
timeBeginControl.setValue(value);
timeBeginControl.disable();

每次我打算在启用之前修改它的值时，我真的必须启用和禁用它吗？

Answer 1

我知道了。似乎当您更新禁用字段时，您需要 运行 FormControl.updateValueAndValidity()

所以，就我而言，我正在做

timeBeginControl.setValue(value);
timeBeginControl.updateValueAndValidity();