angular - Angular 如何评估插值中的表达式？

Question

阅读 Angular 文档中的插值理论给了我一个与 Angular 如何评估插值表达式以及它对字符串的作用有关的问题。

从文档

Angular 计算双花括号中的所有表达式，将表达式结果转换为字符串，并将它们与相邻的文字字符串链接。最后，它将这个复合插值结果分配给一个元素或指令属性。

它是否链接到 Angular 为保持原始值不变而执行的一种重复字符串？当他们离开原始功能而没有触摸时，它是否类似于装饰器？这更像是一个理论问题。

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

Angular 对这个字符串做了什么？

标签： angularinterpolation

Answer 1

插值单向绑定数据。这意味着当使用插值绑定的字段的值发生变化时，它也会在页面中更新。它不能改变字段的值。组件类的对象用作组件模板的数据上下文。因此，要绑定到视图上的值必须分配给组件类中的字段。

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