AngularJS：`{{x +'，'+ y}}与`{{x}}，{{y}}`

Question

{{ x + ', ' + y }}对{{ x }}, {{ y }}有什么影响吗？

特别是在看守人的成本方面？

我想知道是否可以通过组合双向绑定大括号来减少摘要循环的数量。

在此先感谢。

Answer 1

一个digest循环会处理其中的一个或两个，如果它要完成的话;它不会是x的摘要，然后是y的另一个摘要（除非稍后再触发新的摘要）。从技术上讲，我会说前者稍微多一点，因为它涉及字符串连接，但我怀疑这种情况必须在后面的某个时刻发生在后面的版本中。

总的来说，我不指望你会得到明显的表现差异，除非你一次显示数百或数千个表情（在这种情况下，你可能还会遇到其他问题）并应重新考虑你的方法）。

Answer 2

准确地说，第一个表达式将产生一个手表，但是角将重新计算级联。

在第二行你可能会认为会有2个手表，但它可能不是（我不知道）。我知道如果你这样做：

<span> blabla {{x}} blabla</span> 

Angular将观察跨度的全部内容。所以如果你有多个括号的使用，你很可能只有一个手表的整个事情。

Answer 3

的{{}}符号比使用ng-bind指令慢：

的{{}}会很脏检查在每一个消化的周期而ng-bind地方在参数传递和将更新它，只有当它改变了价值守望者。 使用ng-bind而不是{{}}的另一个优点是，当角度仍在加载时，用户将不会在页面中看到{{}}。

此外，您可以使用静态的新::符号（在角1.3中引入）结合（当你知道你的变量不会改变）：

<h1 data-ng-bind="::title"></h1> 

关于为{{}} VS ng-bind符号引用：

• benchmark
• Someone quoting Igor Minar（AngularJS的显影剂中的一个）：

“ng-bind更快，因为它更简单。内插必须经过 通过额外的步骤验证上下文，值的jsonification和 更多。 “