ng-bind和ng-cloak之间的差异

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

ngCloak

The ngCloak directive is used to prevent the Angular html template from being briefly displayed by the browser in its raw (uncompiled) form while your application is loading. Use this directive to avoid the undesirable flicker effect caused by the html template display.

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

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

浏览器完成加载和模板的编译阶段之后
渲染,角度将删除ngCloak元素属性和元素
将变得可见.

ngBind

The ngBind attribute tells Angular to replace the text content of the specified HTML element with the value of a given expression,and to update the text content when the value of that expression changes.

使用ng-bind而不是{{}}将阻止未呈现的{{}}显示,而不是呈现的空元素.上面的例子可以重写为以下,这将阻止
{{}}闪烁的页面：

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