Angular的數據綁定插值如何工作？

Question

這是關於Angular內部的更多內容。當我在「{{xyz.abc}}」之間插入內容時，它是如何工作的？爲什麼我會看到該屬性的價值，而不僅僅是兩個大括號之間的xyz.abc？

Answer 1

{{}}這稱爲字符串插值。

每當角在模板檢測到這種圖案，它將執行內部
表達{{表達}}。

時的角度變化檢測系統運行時，會重新評估內的表達式{{表達}}

這被稱爲單向數據綁定。

當您要將來自typeScript代碼的動態數據顯示到您的模板中時使用它。

瞭解更多：https://angular.io/guide/displaying-data。