Angularjs：NG-绑定-HTML之间的差Vs直接添加到HTML模板

Question

我试图找出是什么在我的HTML模板AngularJS

<span ng-bind-html="'MY_TEXT' | translate"> 
</span> 

和

<span> 
{{ 'MY_TEXT' | translate }} 
</span> 

之间的下方的区别

Answer 1

从我看来，两者都非常相似。但是，在角度编译DOM时，在开始时会有细微的差别。如果使用表达式，那么大括号在角度编译之前可以看到一小段时间。

ngBind在页面加载时隐藏。

在角DOC所提到的这个

的ngBind属性告诉AngularJS与给定表达式的值来代替指定的HTML元素的文本内容，并更新文本内容时的该值表情变化。

通常，您不直接使用ngBind，而是使用类似但不太冗长的{{表达式}}这样的双卷曲标记。

如果AngularJS编译之前浏览器在其原始状态下暂时显示模板，则最好使用ngBind代替{{表达式}}。由于ngBind是一个元素属性，因此它在加载页面时使绑定对用户不可见。

这个问题的另一种解决方案是使用ngCloak指令。