Angularjs 初始化未加载完毕闪烁问题解决 ng-cloak
来源:互联网 发布:php建行支付接口demo 编辑:程序博客网 时间:2024/05/21 18:39
- <!--这样加载未完成会闪烁一下-->
- <h3 ng-repeat="aricle in list"><a href="{{aricle.url}}">{{$index+1}}、{{aricle.title}}({{aricle.en}})</a></h3>
- <!--可以通过添加ng-cloak解决-->
- <h3 ng-repeat="aricle in list" ng-cloak class="ng-cloak"><a href="{{aricle.url}}">{{$index+1}}、{{aricle.title}}({{aricle.en}})</a></h3>
测试表明需添加css样式才能生效,原因是页面加载的时候angularjs未加载完成:
- .ng-cloak{display:none;}
原因是angularjs源码最后添加该样式隐藏:
- window.angular.element(document).find("head").prepend('<style type="text/css">@charset "UTF-8";[ng\\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide{display:none !important;}
其他解决方案:
- <div id="template1" ng-cloak>hello</div>
- <div id="template2" ng-cloak class="ng-cloak"> {{'hello IE7}}</div>
- <div id="template2" ng-bing="'hello IE7'"></div>
0 0
- Angularjs 初始化未加载完毕闪烁问题解决 ng-cloak
- AngularJs加载闪烁问题 ng-cloak
- angular——ng-bind,ng-cloak,ng-src,ng-href解决AngularJS 代码未加载完而出现显示 AngularJS 代码,进而会有闪烁的效果
- ng-cloak解决angularJS中的闪烁
- Ng-cloak解决angularJs中的闪烁问题
- 【AngularJS】ng-cloak指令页面加载时防闪屏
- AngularJS ng-cloak 指令
- angularJs中ng-cloak指令
- ng-bind及ng-cloak解决AngularJs页面加载闪屏问题
- angular ng-cloak解决屏幕闪烁问题
- ng-cloak
- AngularJs 应用ng-cloak解决闪屏问题
- ng-cloak指令2
- angularjs WdatePicker ng-model问题解决
- AngularJS 初始化指令- ng-init
- AngularJs--ng-repeate渲染完毕后执行的代码
- angular 之 ng-cloak,ng-cloak没效果
- vue -- v-cloak解决刷新或者加载出现闪烁(显示变量)
- JAVA多线程和并发基础面试问答
- smali备忘
- poj 3006 Dirichlet's Theorem on Arithmetic Progressions
- Qt之设置窗口背景
- PPT幻灯中的文本格式及颜色修改方法注意事项
- Angularjs 初始化未加载完毕闪烁问题解决 ng-cloak
- Android为ListView的Item设置不同颜色背景
- 字符串的拷贝
- 原码 反码 补码
- ZeroClipboard插件实现复制功能(兼容各大浏览器)
- 301. Remove Invalid Parentheses
- 某大学数据恢复报告
- Hbase学习1_CentOS6.5下Hbase1.1.2安装
- Solr功能应用