前些天，再寫紅包支付功能的時候，?Expression has changed after it was checked.很頭禿呀，上圖。

?

Angular的核心是組件化，組件嵌套會形成一棵組件樹。因此它的數(shù)據(jù)流是自頂而下，從父組件到子組件單向流動。

單向數(shù)據(jù)流向保證了高效、可預(yù)測的變化檢測。盡管檢查了父組件之后，子組件可能會改變父組件的數(shù)據(jù)使得父組件需要再次被檢查，這是不被推薦的數(shù)據(jù)處理方式。

在開發(fā)模式下，Angular會進行二次檢查，如果出現(xiàn)上述情況，二次檢查就會報錯：ExpressionChangedAfterItHasBeenCheckedError（關(guān)于這個問題的答案，可以在參考資料中找到）。而在生產(chǎn)環(huán)境中，臟檢查只會執(zhí)行一次。

我就是父子組件互相傳值，操作頻繁，子組件改變了父組件的值，所以臟檢查二次檢查就報錯了。

開發(fā)模式下，忍受一下，生產(chǎn)環(huán)境沒問題，但是能不以這樣數(shù)據(jù)處理方式，就不要這樣。

?

后記：

因為Angular是單向數(shù)據(jù)流，所以子組件的ts文件只能接收父組件的數(shù)據(jù)，而不能進行處理，但是html文件可以處理數(shù)據(jù)，

所以就以方法形參的方式，把數(shù)據(jù)傳到ts文件里，進行處理。

呵呵，然后就報了上述錯誤。

?

解決方法：關(guān)于ExpressionChangedAfterItHasBeenCheckedError

總結(jié)

以上是生活随笔為你收集整理的Angular之Error: ExpressionChangedAfterItHasBeenChecked的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。