Angular单向数据流

Angular单向数据流

参考文档:https://angular.cn/guide/glossary#unidirectional-data-flow

一种数据流模型,它总是在一个方向(从父到子)上检查组件树是否有变化,以防止在变更检测图中出现循环。

在实践中,这意味着Angular中的数据会在变更检测过程中向下流动。父组件可以很容易地改变子组件中的值,因为父组件是先检查的。但是,如果子组件在更改检测期间(反转预期的数据流)尝试更改其父组件中的值,则可能会导致错误,因为父组件已经渲染过了。在开发模式下,如果你的应用尝试这样做,Angular会抛出ExpressionChangedAfterItHasBeenCheckedError错误,而不是沉默低渲染新值。

为了避免这个错误,进行此类更改的生命周期钩子方法中就要出发一次新的变更检测。这次新的变更检测与之前那次的方向一样,但可以成功获得新值。

原文地址:https://www.cnblogs.com/cathy1024/p/13592275.html