编程 Javascript

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>

运行结果：

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

定义和用法

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

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

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

语法

所有 HTML 元素都支持。

参数值

ng-cloak 指令没有参数。

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

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

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript 面向对象编程（一）封装

Aug 28 Javascript

js文件包含的几种方式介绍

Sep 28 Javascript

js文本框走动跑马灯效果代码分享

Aug 25 Javascript

javascript实现随机显示星星特效

Jan 28 Javascript

jQuery 翻页组件yunm.pager.js实现div局部刷新的思路

Aug 11 Javascript

jQuery实现弹出窗口弹出div层的实例代码

Jan 09 Javascript

jQuery插件select2利用ajax高效查询大数据列表（可搜索、可分页）

May 19 jQuery

vue脚手架搭建项目的兼容性配置详解

Jul 17 Javascript

移动端滑动切换组件封装 vue-swiper-router实例详解

Nov 25 Javascript

浅谈js中的bind

Mar 18 Javascript

javascript面向对象三大特征之封装实例详解

Jul 24 Javascript

vue移动端模态框(可传参)的实现

Nov 20 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