我有一个问题在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>
当前回答
我尝试了上面所有的答案，但都没用。使用ionic开发了一个混合应用程序，并试图使错误信息不闪烁。我最终通过在元素中添加ng-hide类解决了这个问题。我的div已经有ng-show来显示出现错误时的元素。添加ng-hide可以设置div在angular加载之前不显示。没有斗篷或增加角的头必要。
其他回答
我尝试了这里发布的每一个解决方案，仍然在Firefox中闪烁。
如果它有助于任何人，我通过添加style="display: none;"到主要内容div，然后使用jQuery(我已经在页面上使用它)$('#main-div-id').show();一旦从服务器获取数据后加载了所有内容;
我尝试了上面的ng-cloak解决方案，但它在Firefox上仍然有间歇性的问题。 对我来说，唯一有效的解决方法是延迟加载表单，直到Angular完全加载完毕。
我只是在应用程序中添加了ng-init，并在窗体侧使用ng-if来检查我设置的变量是否已经加载。
<div ng-app="myApp" ng-init="loaded='yes'">
<form ng-if="loaded.length > 0">
<!--all my elements here-->
</form>
</div>
最好使用ng-if而不是ng-show。ng-if完全删除并重新创建DOM中的元素，并有助于避免ng-shows闪烁。
确保AngularJS包含在HTML的头部。参见ngCloak文档:
为了得到最好的结果，angular.js脚本必须加载在头文件中 HTML文件的部分;或者，CSS规则(上面)必须是 包含在应用程序的外部样式表中。
我们在公司遇到了这个问题，并通过在CSS样式中为那些闪烁的ng-show元素添加“display: none”来解决它。我们根本不需要使用ng-cloak。不像这篇文章中的其他人，我们在Safari中遇到了这个问题，而不是Firefox或Chrome——可能是由于Safari在iOS7中的懒惰重绘错误。
