angularjs - 变量“名称”在页面加载时闪烁

Question

我是 Angular 的新手，我正在学习一些教程，但似乎无法找到如何让变量{{ name }}在页面加载之前退出闪烁......以前有没有人遇到过这个问题?

{{ name }} 显示片刻然后消失。只是想让它在一瞬间不显示。

提前致谢！

Answer 1

您还可以使用ngcloak在实际绑定发生之前抑制 html 模板输出。

Answer 2

ngCloak 指令用于避免 html 模板显示引起的不良闪烁效果。

例如：

<div id="template1" ng-cloak>{{ 'hello' }}</div>
<div id="template2" ng-cloak class="ng-cloak">{{ 'hello IE7' }}</div>

Answer 3

如果它可以帮助任何人，例如 kirhgoff，请继续跟进，想知道如何为 title 元素排序：ng-cloak 会在一定程度上有所帮助，但您可以使用 ng-bind 指令而不是使用 {{ }} 来完全防止它.

所以：

<title ng-bind="pageTitle"></title>

不是：

<title>{{pageTitle}}</title>

这避免了 ng-cloak 完全解决的问题。