Ng-Bind更好的原因是，

当你的页面没有加载或当你的互联网慢或当你的网站加载一半，然后你可以看到这些类型的问题(检查屏幕截图与阅读标记)将在屏幕上被触发，这是完全奇怪的。为了避免这种情况，我们应该使用Ng-bind

Ng-Bind更好的原因是，

当你的页面没有加载或当你的互联网慢或当你的网站加载一半，然后你可以看到这些类型的问题(检查屏幕截图与阅读标记)将在屏幕上被触发，这是完全奇怪的。为了避免这种情况，我们应该使用Ng-bind

Ng-bind比{{…}}更好

例如，你可以这样做:

<div>
  Hello, {{variable}}
</div>

这意味着<div>包含的整个文本Hello， {{variable}}将被复制并存储在内存中。

如果你这样做:

<div>
  Hello, <span ng-bind="variable"></span>
</div>

只有值的值会被存储在内存中，angular会注册一个仅由变量组成的watcher (watch表达式)。

可见性:

当你的angularjs正在引导时，用户可能会在html中看到你放置的括号。这可以用ng-cloak来处理。但对我来说，这是一种变通方法，如果我使用ng-bind，我就不需要使用。

性能:

{{}}要慢得多。

这个ng-bind是一个指令，它将在传递的变量上放置一个监视器。 所以ng-bind只在传递的值确实发生变化时才会应用。

另一方面，括号将在每个$摘要中进行脏检查和刷新，即使这不是必要的。

我目前正在构建一个大的单页应用程序(每个视图约500个绑定)。从{{}}改为严格的ng-bind确实在每个范围内为我们节省了大约20%。

建议:

如果你使用一个翻译模块，比如angular-translate，总是在括号注释之前使用指令。

{{'WELCOME'|translate}} => <span ng-translate="WELCOME"></span> . {{'WELCOME'|translate}} => <span ng-translate

如果你需要一个过滤器函数，最好选择一个指令，它实际上只使用你的自定义过滤器。$filter服务的文档

更新28.11.2014(但可能跑题了):

在Angular 1.3x中引入了bindonce功能。因此，你可以绑定一个表达式/属性的值一次(当!= 'undefined'时将被绑定)。

当您不希望绑定发生变化时，这非常有用。

用法: 装订前位置::

<ul>  
  <li ng-repeat="item in ::items">{{item}}</li>
</ul>  
<a-directive name="::item">
<span data-ng-bind="::value"></span>

例子:

Ng-repeat在表中输出一些数据，每行有多个绑定。 翻译绑定、过滤器输出，它们在每个作用域摘要中执行。

基本上，双花括号语法更自然可读，需要的输入也更少。

这两种情况产生相同的输出，但是..如果你选择使用{{}}，在angular渲染模板之前，用户可能会在几毫秒内看到{{}}。因此，如果你注意到任何{{}}，那么最好使用ng-bind。

同样重要的是，只有在angular应用的index.html中，你才能使用未渲染的{{}}。如果你使用的是指令，那么就没有机会看到模板，因为angular会先渲染模板，然后再把它附加到DOM中。

{{…}}表示双向数据绑定。但是ng-bind实际上是用于单向数据绑定的。

使用ng-bind将减少页面中的观察者数量。因此ng-bind将比{{…}}更快。所以，如果你只想显示一个值和它的更新，而不想反映它从UI到控制器的变化，那么使用ng-bind。这将提高页面性能并减少页面加载时间。

<div>
  Hello, <span ng-bind="variable"></span>
</div>