ng-show加载时会闪一下的解决方案

来源:互联网 发布:映射网络文件夹 编辑:程序博客网 时间:2024/06/04 18:43

你不能直接给节点加属性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>


0 0