盎格鲁- ngcloak / ngg展示blink元素

我有一个问题在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>

当前回答

我正在使用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

2016-03-21 06:31:31

其他回答

我个人决定使用ng-class属性而不是ng-show。我在这方面取得了很多成功，特别是在默认情况下总是不显示弹出窗口的情况下。

以前是什么<div class="options-modal" ng-show="showOptions"></div>

“股票期权”>

options-modal类的CSS显示:默认为none。show类包含了display:block CSS。

2017-11-01 04:54:23

尝试了ng-cloak，但仍然眨眼。下面的代码完全清除它们。

<body style="display:none;" ng-style="{'display':'block'}">

2018-04-03 09:16:03

确保AngularJS包含在HTML的头部。参见ngCloak文档:

为了得到最好的结果，angular.js脚本必须加载在头文件中 HTML文件的部分;或者，CSS规则(上面)必须是包含在应用程序的外部样式表中。

2013-03-01 20:59:09

不管怎样，我也遇到过类似的问题，斗篷不能用。也许有必要检查你的应用/站点是否启用了缓存来重用源文件，看看是否有帮助。

随着我与闪烁的磨合，我在DevTools打开和缓存禁用的情况下进行测试。离开面板关闭缓存启用固定我的问题。

2014-02-27 21:53:19

我有一个类似的问题，并发现如果你有一个类包含过渡，元素将闪烁。我试图添加ng-cloak，但没有成功，但通过删除过渡按钮停止闪烁。

我用的是离子框架，纽扣轮廓有这样的过渡

.button-outline {
  -webkit-transition: opacity .1s;
  transition: opacity .1s;
}

只需重写类以删除转换，按钮就会停止闪烁。

更新

同样，在ionic上使用ng-show/ng-hide时会出现闪烁。添加以下CSS可以解决这个问题:

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

来源:http://forum.ionicframework.com/t/beta-14-ng-hide-show/14270/9

2015-04-29 12:27:58

盎格鲁- ngcloak / ngg展示blink元素

推荐文章

最新文章

标签