AngularJS基础 ng-cloak 指令简单示例


Posted in Javascript onAugust 01, 2016

AngularJS ng-cloak 指令

AngularJS 实例

页面加载时防止应用闪烁:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<div ng-app="">

<p ng-cloak>{{ 5 + 5 }}</p>

<p><b>注意:</b> 该实例只是演示了指令的应用。</p>

</div>

</body>
</html>

运行结果:

                  10

          注意:  该实例只是演示了指令的应用。

定义和用法

ng-cloak 指令用于在 AngularJS 应用在加载时防止 AngularJS 代码未加载完而出现的问题。

AngularJS 应用在加载时,文档可能会由于AngularJS 代码未加载完而出现显示 AngularJS 代码,进而会有闪烁的效果, ng-

cloak 指令是为了防止该问题的发生。

语法

<element ng-cloak></element>

所有 HTML 元素都支持。

参数值

ng-cloak 指令没有参数。

以上就是对ng-cloak指令资料的整理,后续继续补充,有需要的朋友参考下。

Javascript 相关文章推荐
玩转jQuery按钮 请告诉我你最喜欢哪些?
Jan 08 Javascript
jquery 触发a链接点击事件解决方案
May 02 Javascript
JavaScript中Cookie操作实例
Jan 09 Javascript
Jquery api 速查表分享
Jan 12 Javascript
javascript实现实时输出当前的时间
Apr 27 Javascript
JS实现文档加载完成后执行代码
Jul 09 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
Aug 25 Javascript
JavaScript中判断数据类型的方法总结
May 24 Javascript
JavaScript实现离开页面前提示功能【附jQuery实现方法】
Sep 26 jQuery
使用mock.js随机数据和使用express输出json接口的实现方法
Jan 07 Javascript
Vue 实现点击空白处隐藏某节点的三种方式(指令、普通、遮罩)
Oct 23 Javascript
使用Typescript和ES模块发布Node模块的方法
May 25 Javascript
全面接触神奇的Bootstrap导航条实战篇
Aug 01 #Javascript
JavaScript数值千分位格式化的两种简单实现方法
Aug 01 #Javascript
第一次接触神奇的Bootstrap菜单和导航
Aug 01 #Javascript
AngularJS基础 ng-click 指令示例代码
Aug 01 #Javascript
js 实现数值的千分位及保存小数方法(推荐)
Aug 01 #Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
Aug 01 #Javascript
AngularJS基础 ng-class-odd 指令示例
Aug 01 #Javascript
You might like
php的ajax简单实例
2014/02/27 PHP
php实现用手机关闭计算机(电脑)的方法
2015/04/22 PHP
php实现scws中文分词搜索的方法
2015/12/25 PHP
List the Stored Procedures in a SQL Server database
2007/06/20 Javascript
JQuery文本框高亮显示插件代码
2011/04/02 Javascript
使用jQuery不判断浏览器高度解决iframe自适应高度问题
2014/12/16 Javascript
jQuery Validate表单验证深入学习
2015/12/18 Javascript
Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值
2016/03/23 Javascript
jQuery 弹出层插件(推荐)
2016/05/24 Javascript
jQuery动态修改字体大小的方法【测试可用】
2016/09/09 Javascript
Javascript实现前端简单的路由实例
2016/09/11 Javascript
Vue.js基础学习之class与样式绑定
2017/03/20 Javascript
bootstrap IE8 兼容性处理
2017/03/22 Javascript
详解Vue 方法与事件处理器
2017/06/20 Javascript
微信小程序自定义对话框弹出和隐藏动画
2018/07/19 Javascript
Element中的Cascader(级联列表)动态加载省\市\区数据的方法
2019/03/27 Javascript
Jquery实现获取子元素的方法分析
2019/08/24 jQuery
微信小程序连接服务器展示MQTT数据信息的实现
2020/07/14 Javascript
OpenLayer学习之自定义测量控件
2020/09/28 Javascript
[50:21]Liquid vs Winstrike 2018国际邀请赛小组赛BO2 第二场
2018/08/19 DOTA
python按时间排序目录下的文件实现方法
2018/10/17 Python
在Pycharm中自动添加时间日期作者等信息的方法
2019/01/16 Python
python3.6根据m3u8下载mp4视频
2019/06/17 Python
在Python中获取操作系统的进程信息
2019/08/27 Python
将pycharm配置为matlab或者spyder的用法说明
2020/06/08 Python
3种方式实现瀑布流布局小结
2019/09/05 HTML / CSS
澳大利亚排名第一的儿童在线玩具商店:Toy Galaxy
2018/10/06 全球购物
创建索引时需要注意的事项
2013/05/13 面试题
工程现场管理求职自荐信
2013/10/02 职场文书
通信工程毕业生自荐信
2013/11/01 职场文书
平面网站制作专科生的自我评价分享
2013/12/11 职场文书
企业文化建设实施方案
2014/03/22 职场文书
校优秀毕业生主要事迹
2014/05/26 职场文书
JS代码编译器Monaco使用方法
2021/06/11 Javascript
redis protocol通信协议及使用详解
2022/07/15 Redis
JS前端可视化canvas动画原理及其推导实现
2022/08/05 Javascript