Angular之Error: ExpressionChangedAfterItHasBeenChecked

前些天，再写红包支付功能的时候， Expression has changed after it was checked.很头秃呀，上图。

 

Angular的核心是组件化，组件嵌套会形成一棵组件树。因此它的数据流是自顶而下，从父组件到子组件单向流动。

单向数据流向保证了高效、可预测的变化检测。尽管检查了父组件之后，子组件可能会改变父组件的数据使得父组件需要再次被检查，这是不被推荐的数据处理方式。

在开发模式下，Angular会进行二次检查，如果出现上述情况，二次检查就会报错：ExpressionChangedAfterItHasBeenCheckedError（关于这个问题的答案，可以在参考资料中找到）。而在生产环境中，脏检查只会执行一次。

我就是父子组件互相传值，操作频繁，子组件改变了父组件的值，所以脏检查二次检查就报错了。

开发模式下，忍受一下，生产环境没问题，但是能不以这样数据处理方式，就不要这样。

 

后记：

因为Angular是单向数据流，所以子组件的ts文件只能接收父组件的数据，而不能进行处理，但是html文件可以处理数据，

所以就以方法形参的方式，把数据传到ts文件里，进行处理。

呵呵，然后就报了上述错误。

 

解决方法：关于ExpressionChangedAfterItHasBeenCheckedError