javascript - 如何在 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。希望这能解决您的问题。