变量'name'在页面加载时闪烁

Question

我是角色新手，我正在学习一些教程，但似乎无法找到如何在页面加载之前获取变量 {{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完全解决的问题。