angular -s中ng-bind和ng-cloak之间的差异

Question

在这个问题中为什么ng-bind在角度上优于{{}}？ 我理解{{}}和之间的区别ng-bind.另一方面,我可以使用ng-cloak而不是ng-bind.

现在我的问题是ng-bind和之间的区别是什么ng-cloak？

Answer 1

他们相对做同样的工作.

看看api文档,你可能会发现它们究竟是什么.

ngCloak

ngCloak指令用于防止浏览器在加载应用程序时以原始(未编译)形式短暂显示Angular html模板.使用此指令可避免html模板显示导致的不良闪烁效应.

ng-cloak指令是一个内置的角度指令,它隐藏了包含该指令的页面上的所有元素.

<div ng-cloak>
<h1>Hello {{ foo }}</h1>
</div>

浏览器完成加载并且模板的编译阶段正在渲染后,angular将删除ngCloak元素属性,元素将变为可见.

ngBind

ngBind属性告诉Angular将指定HTML元素的文本内容替换为给定表达式的值,并在该表达式的值更改时更新文本内容.

使用ng-bind,而不是{{ }}将防止未渲染{{ }}从显示出来,而不是空的元素被呈现.上面的示例可以重写为以下内容,以防止页面闪烁{{ }}:

<div>
<h1>Hello <span ng-bind="foo"></span></h1>
</div>