AngularJS基礎(chǔ) ng-cloak 指令簡(jiǎn)單示例

更新時(shí)間：2016年08月01日 10:08:40 投稿：lqh

本文主要介紹AngularJS ng-cloak 指令,這里幫大家整理了ng-clock指令的基礎(chǔ)資料,和簡(jiǎn)單的代碼實(shí)例及效果圖,學(xué)習(xí)AngularJS指令的朋友可以參考下

AngularJS ng-cloak 指令

AngularJS 實(shí)例

頁(yè)面加載時(shí)防止應(yīng)用閃爍:

<!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> 該實(shí)例只是演示了指令的應(yīng)用。</p>

</div>

</body>
</html>

運(yùn)行結(jié)果：

注意： 該實(shí)例只是演示了指令的應(yīng)用。

定義和用法

ng-cloak 指令用于在 AngularJS 應(yīng)用在加載時(shí)防止 AngularJS 代碼未加載完而出現(xiàn)的問(wèn)題。

AngularJS 應(yīng)用在加載時(shí)，文檔可能會(huì)由于AngularJS 代碼未加載完而出現(xiàn)顯示 AngularJS 代碼，進(jìn)而會(huì)有閃爍的效果， ng-

cloak 指令是為了防止該問(wèn)題的發(fā)生。

語(yǔ)法

所有 HTML 元素都支持。

參數(shù)值

ng-cloak 指令沒(méi)有參數(shù)。

以上就是對(duì)ng-cloak指令資料的整理，后續(xù)繼續(xù)補(bǔ)充，有需要的朋友參考下。

您可能感興趣的文章:

相關(guān)文章

AngularJS基礎(chǔ) ng-keydown 指令簡(jiǎn)單示例
本文主要介紹AngularJS ng-keydown 指令,在這里幫大家整理了ng-keydown 指令的基礎(chǔ)資料,并附有代碼,有需要的朋友可以參考下
2016-08-08
AngularJS中的過(guò)濾器filter用法完全解析
這篇文章主要介紹了AngularJS中的過(guò)濾器filter用法,包括Angular中一些常用的自帶的過(guò)濾器的列舉以及自定義filter的方法,需要的朋友可以參考下
2016-04-04
angular2組件中定時(shí)刷新并清除定時(shí)器的實(shí)例講解
今天小編就為大家分享一篇angular2組件中定時(shí)刷新并清除定時(shí)器的實(shí)例講解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08
Angular 2.0+ 的數(shù)據(jù)綁定的實(shí)現(xiàn)示例
本篇文章主要介紹了Angular 2.0+ 的數(shù)據(jù)綁定的實(shí)現(xiàn)實(shí)例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-08-08
實(shí)例解析angularjs的filter過(guò)濾器
本文對(duì)angularjs的filter過(guò)濾器進(jìn)行系統(tǒng)介紹，附上實(shí)例解析，便于理解。具有很好的參考價(jià)值，需要的朋友可以看下
2016-12-12
Angular6筆記之封裝http的示例代碼
這篇文章主要介紹了Angular6筆記之封裝http的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-07-07
Angular.js?實(shí)現(xiàn)帶手柄自由調(diào)整頁(yè)面大小的功能
這篇文章主要介紹了Angular.js?實(shí)現(xiàn)帶手柄自由調(diào)整頁(yè)面大小的功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-12-12
詳解Angular.js數(shù)據(jù)綁定時(shí)自動(dòng)轉(zhuǎn)義html標(biāo)簽及內(nèi)容
本篇文章主要介紹了詳解Angular.js數(shù)據(jù)綁定時(shí)自動(dòng)轉(zhuǎn)義html標(biāo)簽及內(nèi)容，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。
2017-03-03
AngularJS路由切換實(shí)現(xiàn)方法分析
這篇文章主要介紹了AngularJS路由切換實(shí)現(xiàn)方法,結(jié)合具體實(shí)例形式分析了AngularJS路由切換的實(shí)現(xiàn)步驟與相關(guān)操作技巧,需要的朋友可以參考下
2017-03-03
AngularJS基礎(chǔ) ng-keypress 指令簡(jiǎn)單示例
本文主要介紹AngularJS ng-keypress 指令,這里對(duì)ng-keypress指令的基礎(chǔ)資料整理,并附有實(shí)例代碼,需要的小伙伴參考下
2016-08-08