我有一个问题在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>
当前回答
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>
其他回答
我在指令中使用ng-show来显示和隐藏弹出窗口。
<div class="..." ng-show="showPopup">
以上这些方法都不适合我，使用ng-if而不是ng-show就太过分了。这意味着每次单击时都要删除整个弹出内容并将其添加到DOM中。相反，我在同一元素中添加了ng-if，以确保它不会在文档加载时显示:
<div class="..." ng-show="showPopup" ng-if="popupReady">
之后，我将初始化添加到负责该指令的控制器中，并设置了一个超时:
$timeout(function () {
$scope.popupReady = true;
});
通过这种方式，我消除了闪烁问题，并避免了在每次单击时插入DOM的昂贵操作。这样做的代价是使用两个作用域变量来实现相同的目的，而不是一个，但到目前为止，这绝对是最好的选择。
上面列出的解决方案没有一个对我有效。然后我决定看看实际的函数，并意识到当“$scope.”Watch”被解雇了，它在name字段中放置了一个值，这并不意味着是这样的情况。在代码中，我设置oldValue和newValue
$scope.$watch('model.value', function(newValue, oldValue) {
if (newValue !== oldValue) {
validateValue(newValue);
}
});
本质上，当范围。在这种情况下，AngularJS监视name变量(model.value)的变化。
我遇到了一个问题，在ng-show指令有机会运行之前，<div ng-show="expression">最初会在几分之一秒内可见，即使"expression"最初是假的。
我使用的解决方案是手动添加“ng-hide”类，如<div ng-show="expression" ng-hide>，以确保它一开始是隐藏的。ng-show指令将在此之后根据需要添加/删除ng-hide类。
最好使用ng-if而不是ng-show。ng-if完全删除并重新创建DOM中的元素，并有助于避免ng-shows闪烁。
你最好参考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;
}
