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 中的字段。

使用双花括号绑定字段的语法称为绑定表达式。