我有一个问题在angular.js的指令/类ng-斗篷或ng-show。
Chrome运行正常，但Firefox使用ng-cloak或ng-show导致元素闪烁。 恕我直言，这是由于将ng-cloak/ng-show转换为style="display: none;"，可能Firefox javascript编译器有点慢，所以元素出现一段时间，然后隐藏?
例子:
<ul ng-show="foo != null" ng-cloak>..</ul>
当前回答
由以上讨论可知
[ng-cloak] {
display: none;
}
是解决这个问题的完美方法。
其他回答
除了已接受的答案，如果你正在使用另一种触发ng-cloak的方法…
你也可能希望添加一些额外的特性到你的CSS/LESS:
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
.ng-cloak, .x-ng-cloak,
.ng-hide {
display: none !important;
}
我们在公司遇到了这个问题，并通过在CSS样式中为那些闪烁的ng-show元素添加“display: none”来解决它。我们根本不需要使用ng-cloak。不像这篇文章中的其他人，我们在Safari中遇到了这个问题，而不是Firefox或Chrome——可能是由于Safari在iOS7中的懒惰重绘错误。
避免断行
<meta http-equiv="Content-Security-Policy" content="
default-src 'FOO';
script-src 'FOO';
style-src 'FOO';
font-src 'FOO';">
适用于Firefox 45.0.1
<meta http-equiv="Content-Security-Policy" content=" default-src 'FOO'; script-src 'FOO'; style-src 'FOO'; font-src 'FOO';">
保持下面的声明在头标签固定了这个问题
<style type="text/css">
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
</style>
官方文档
我会用<div ng-cloak>包裹<ul>
