Angular 如何在插值中計算表達式？

Question

閱讀 Angular 文檔中的插值理論給了我一個與 Angular 如何評估插值表達式及其對字符串的作用有關的問題。

從文檔

Angular 計算雙花括號中的所有表達式，將表達式結果轉換為字符串，並將它們與相鄰的文字字符串鏈接。 最后，它將這個復合插值結果分配給一個元素或指令屬性。

它是否鏈接到 Angular 為保持原始值不變而執行的一種重復字符串？ 當他們離開原來的 function 沒有觸摸時，它是不是有點像裝飾者？ 這更像是一個理論問題。

<!-- "The sum of 1 + 1 is not 4" -->
<p>The sum of 1 + 1 is not {{1 + 1 + getVal()}}.</p>

Angular 用這個字符串做什么？

Answer 1

插值單向綁定數據。 這意味着當使用插值綁定的字段的值發生變化時，它也會在頁面中更新。 它不能改變字段的值。 組件 class 的 object 用作組件模板的數據上下文。 因此，要綁定到視圖上的值必須分配給組件 class 中的字段。

使用雙花括號綁定字段的語法稱為綁定表達式。