Angular之Error: ExpressionChangedAfterItHasBeenChecked

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


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

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

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

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

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


后记:

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

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

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



猜你喜欢

转载自blog.csdn.net/qq_33242126/article/details/79734150