2020-10-21

项目场景：

angular form表单，数据更新了，但是视图没有自动刷新

---

问题描述：

angular form表单，数据更新了，但是视图没有自动刷新

原因分析：

angular 会在我们的组件发生变化的时候，对我们的组件执行变化检测，如果检测到我们的数据发生了变化，就会执行某些操作，如修改绑定数据的时候更新视图。这样一来，当我们的组件数据比较多的时候，angular就会有很多操作在静悄悄地进行，因此，就需要ChangeDetectorRef来实时检测数据的变化并更新视图数据

---

解决方案：

1、引入ChangeDetectorRef模块
import { ChangeDetectorRef } from “angular”;
2、声明
constructor(private cd:ChangeDetectorRef) {
}
3、引用
this.cd.detectChanges();实时检测页面及其子元素的变化