javascript - IE11 在 AJS 1.3 中闪烁，需要快速修复

Question

当我在 IE11、AngularJs 1.3 和 bootstrap 3.3.5 中切换(例如单击搜索按钮时)时，我遇到了屏幕闪烁的问题。

我在同一个栏上根据某些真/假条件显示和隐藏一个元素，如下所示:

<section class="col-sm-12 col-md-12 col-lg-12"
                 ng-show="!vm.displayFilter">..</section>
<section class="col-sm-12 col-md-12 col-lg-12"
                 ng-show="!vm.displaySearch">..</section>

当我点击另一个按钮时，会出现碰撞，然后出现在 ng-show true 上。这只发生在 IE11 中，有什么解决方法？

Answer 1

我自己找到了一个快速修复方法:

在您的 LESS/CSS 中添加以下内容:

.ng-hide{display:none !important;}

我是从这里了解到的: http://weblog.west-wind.com/posts/2014/Jun/02/AngularJs-ngcloak-Problems-on-large-Pages

这是一个 AJS 闪烁问题 w.r.t. IE11 + AJS 1.3，当我们使用 ng-show 和 hide 时。这似乎最近在 AJS 1.4 中得到了修复。