angular小bug之ng-show元素闪烁

今天遇到的当你的ng-show为一个表格，或者是内容较多的时候，里面还有ng-reapt 同时页面还有轮询。好吧，就这样的环境下，页面出现了闪动，我需要隐藏的ng-show每次都会先显示一瞬间然后隐藏。而使用ng-if则可以解决这个问题，原因我想可能就是，ng-show和ng-hide都是通过css属性来控制它的显示隐藏，可能会出现猪一样的闪动，而ng-if则通过创建和删除节点。不会出现这样的问题。

angularjs中，页面部分元素是通过ng-show来控制其否显示的，页面刚加载时，会闪烁，出来一下又隐藏
你不能直接给节点加属性display:none;
首先你要知道angular js 的 ng-show是通过给节点增加class ng-hide 隐藏div的，
当符合ng-show条件时移除class ng-hide,如果你给节点加了display:none;那么此时div仍然是隐藏，
所以你开始的时候就给节点加上class=’ng-hide’,就行了
不过ng-hide 的style 其实也是angular.min.js加载完后添加到head里的，所以如果你担心用户网速慢，导致js加载慢，依然有延迟的话，你可以直接把那段style粘贴到你的html里面

<style>@charset "UTF-8";[ng:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng:form{display:block;}</style>