我有一个问题在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-show指令有机会运行之前，<div ng-show="expression">最初会在几分之一秒内可见，即使"expression"最初是假的。
我使用的解决方案是手动添加“ng-hide”类，如<div ng-show="expression" ng-hide>，以确保它一开始是隐藏的。ng-show指令将在此之后根据需要添加/删除ng-hide类。
其他回答
我在使用ngCloak时从未有过太多的运气。尽管上面提到了一切，我仍然会看到闪烁。避免弹移的唯一可靠方法是将内容放在模板中并包含该模板。在SPA中，唯一在被Angular编译之前会被评估的HTML是你的主index.html页面。
只需要把身体里的所有东西都放在一个单独的文件里，然后:
<ng-include src="'views/indexMain.html'"></ng-include>
这样你就不会看到任何闪烁，因为Angular会在将模板添加到DOM之前对其进行编译。
尝试了ng-cloak，但仍然眨眼。下面的代码完全清除它们。
<body style="display:none;" ng-style="{'display':'block'}">
ngBind和ngBindTemplate是不需要CSS的替代品:
<div ng-show="foo != null" ng-cloak>{{name}}</div> <!-- requires CSS -->
<div ng-show="foo != null" ng-bind="name"></div>
<div ng-show="foo != null" ng-bind-template="name = {{name}}"></div>
不管怎样，我也遇到过类似的问题，斗篷不能用。也许有必要检查你的应用/站点是否启用了缓存来重用源文件，看看是否有帮助。
随着我与闪烁的磨合，我在DevTools打开和缓存禁用的情况下进行测试。离开面板关闭缓存启用固定我的问题。
我正在使用ionic框架，添加css样式可能在某些情况下不工作，你可以尝试使用ng-if而不是ng-show / ng-hide
裁判:https://books.google.com.my/books?id=-_5_CwAAQBAJ&pg=PA138&lpg=PA138&dq=ng-show +隐藏+闪烁+ + ios&source = bl&ots = m2Turk8DFh&sig = 8 hniwx26eugr2k_weyavzdixj8k&hl = en&sa = X&redir_esc = y v = onepage&q = ng-show % 20号隐藏% 20闪烁% 20 % 20 ios&f = false
