Question

我遇到了角度ng-show指令的问题。我有2个按钮，它们像切换按钮一样工作。

的index.html

<button class="btn btn-primary"
        ng-show="!isShow" 
        ng-click="showDeleted()">
        Show deleted items
</button>
<button class="btn btn-primary"
        ng-show="isShow" 
        ng-click="showDeleted()">
        Hide deleted items
</button>

myController.js

$scope.showDeleted = function(){
  $scope.isShow = !$scope.isShow;
};

当我点击按钮时一切正常，但在IE10中我可以看到隐藏的按钮闪烁。如果您需要，可以使用plunkr。

谢谢！

Answer 1

你试过ng-cloak吗？ https://docs.angularjs.org/api/ng/directive/ngCloak

ngCloak指令用于防止浏览器在加载应用程序时以原始（未编译）形式短暂显示Angular html模板。使用此指令可避免由html模板显示引起的不良闪烁效应

我认为所有角度应用（不使用ng-include来加载模板）应该使用ng-cloak来防止隐藏所有模板，直到angular编译它。

IE 10中的Angular ng-show闪烁

1 个答案: