我有一个问题在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>
当前回答
我不能让这些方法工作，所以我最终做了以下。对于你最初想隐藏的元素:
<div <!--...--> style="display: none;" ng-style="style">
然后在你的控制器中，在顶部或顶部附近添加以下内容:
$scope.style = { display: 'block' };
这样，元素最初是隐藏的，只有当控制器代码实际运行时才显示。
您可以根据需要调整位置，也许还可以添加一些逻辑。在我的例子中，如果当前没有登录，我将切换到登录路径，并且不希望我的界面事先闪烁，因此我设置了$scope。样式后的登录检查。
其他回答
你最好参考angular文档，因为版本[1.4.9]已经更新到下面，使得它可以支持data-ng-cloak指令。
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
我遇到了一个问题，在ng-show指令有机会运行之前，<div ng-show="expression">最初会在几分之一秒内可见，即使"expression"最初是假的。
我使用的解决方案是手动添加“ng-hide”类，如<div ng-show="expression" ng-hide>，以确保它一开始是隐藏的。ng-show指令将在此之后根据需要添加/删除ng-hide类。
我尝试了上面的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>
我们在公司遇到了这个问题，并通过在CSS样式中为那些闪烁的ng-show元素添加“display: none”来解决它。我们根本不需要使用ng-cloak。不像这篇文章中的其他人，我们在Safari中遇到了这个问题，而不是Firefox或Chrome——可能是由于Safari在iOS7中的懒惰重绘错误。
我在使用ngCloak时从未有过太多的运气。尽管上面提到了一切，我仍然会看到闪烁。避免弹移的唯一可靠方法是将内容放在模板中并包含该模板。在SPA中，唯一在被Angular编译之前会被评估的HTML是你的主index.html页面。
只需要把身体里的所有东西都放在一个单独的文件里，然后:
<ng-include src="'views/indexMain.html'"></ng-include>
这样你就不会看到任何闪烁，因为Angular会在将模板添加到DOM之前对其进行编译。
