如何在angular js中正确使用ng-cloak？

Question

我在我的页面上有一个关于ng-cloak的基本问题，我有一些地方，我使用angular js {{ }}绑定了一些数据。现在，我在body标记中使用了ng-cloak指令，因此在页面加载之前，整个页面会变成空白一段时间，我只希望在页面加载之前隐藏绑定的数据。

我该怎么办？

提前感谢:)

Answer 1

ng-cloak指令可以在任何html元素上使用，所以您可能只需要在更接近绑定表达式的祖先的元素上使用它，而不是在body标记上使用它。例如，如果绑定位于段落标记内：

<p ng-cloak>{{ someVar }}</p>

把它放在定义控制器的元素上可能是个好主意，这样在angular准备好之前，里面的所有绑定都会被隐藏起来。

Answer 2

只需使用ng-bind而不是{{someVar}}，如下所示

<p ng-bind="someVar"></p>

或者，如果var包含一些html内容，则使用ng-bind-html。希望这能解决你的问题。