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

?

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

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

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

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

開發模式下，忍受一下，生產環境沒問題，但是能不以這樣數據處理方式，就不要這樣。

?

后記：

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

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

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

?

解決方法：關于ExpressionChangedAfterItHasBeenCheckedError

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。