IE 10中的Angular ng-show闪烁

时间:2015-12-11 15:50:20

标签: css angularjs internet-explorer

我遇到了角度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

谢谢!

1 个答案:

答案 0 :(得分:0)

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

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

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