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>

posted @ 2016-11-18 11:35  乐逍遥147046  阅读(2138)  评论(0编辑  收藏  举报