Angular之Error: ExpressionChangedAfterItHasBeenChecked
前些天,再写红包支付功能的时候, Expression has changed after it was checked.很头秃呀,上图。
Angular的核心是组件化,组件嵌套会形成一棵组件树。因此它的数据流是自顶而下,从父组件到子组件单向流动。
单向数据流向保证了高效、可预测的变化检测。尽管检查了父组件之后,子组件可能会改变父组件的数据使得父组件需要再次被检查,这是不被推荐的数据处理方式。
在开发模式下,Angular会进行二次检查,如果出现上述情况,二次检查就会报错:ExpressionChangedAfterItHasBeenCheckedError
(关于这个问题的答案,可以在参考资料中找到)。而在生产环境中,脏检查只会执行一次。
我就是父子组件互相传值,操作频繁,子组件改变了父组件的值,所以脏检查二次检查就报错了。
开发模式下,忍受一下,生产环境没问题,但是能不以这样数据处理方式,就不要这样。
后记:
因为Angular是单向数据流,所以子组件的ts文件只能接收父组件的数据,而不能进行处理,但是html文件可以处理数据,
所以就以方法形参的方式,把数据传到ts文件里,进行处理。
呵呵,然后就报了上述错误。