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
- ng-show加载时会闪一下的解决方案
- 安卓应用启动时会闪一下黑屏的解决方案
- RecyclerView Glide加载图片刷新时会闪一下
- Android Glide 加载图片时会缩放一下
- ng-repeate 和ng-show的用法
- ng-if和ng-show的区别
- angularjs ng-show的用法
- AngularJS的ng-show标签
- 更改扫描APP时会闪一下之前的代码
- ng-if与ng-show、ng-hide指令的区别
- ng-if、ng-show和ng-hide指令的区别
- ng-if,ng-show,ng-hide的区别
- ng-if | ng-show | ng-hide的使用场景
- ng-show/ng-hide
- ng-show ; ng-hide
- Show一下我的书架
- show一下我的magiclinux
- show一下我的课程表
- AS3 搜索输入框获取焦点代码
- C# Excel数据有效性
- android 服务
- linux学习第七篇:安装Redis
- 其它
- ng-show加载时会闪一下的解决方案
- 批量插入
- css基础
- 实现java接口@Override报错
- 2016 Multi-University Training Contest 7
- 自定义Dialog点击弹框外的区域无法关闭问题
- 数据结构 并查集 HDU 1213
- POJ 1797 Heavy Transportation 【最大生成树,Prime】
- IQKeyboardManager 详解