AngularJS基礎(chǔ) ng-cloak 指令簡單示例
AngularJS ng-cloak 指令
AngularJS 實(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é)果:
10
注意: 該實(shí)例只是演示了指令的應(yīng)用。
定義和用法
ng-cloak 指令用于在 AngularJS 應(yīng)用在加載時防止 AngularJS 代碼未加載完而出現(xiàn)的問題。
AngularJS 應(yīng)用在加載時,文檔可能會由于AngularJS 代碼未加載完而出現(xiàn)顯示 AngularJS 代碼,進(jìn)而會有閃爍的效果, ng-
cloak 指令是為了防止該問題的發(fā)生。
語法
<element ng-cloak></element>
所有 HTML 元素都支持。
參數(shù)值
ng-cloak 指令沒有參數(shù)。
以上就是對ng-cloak指令資料的整理,后續(xù)繼續(xù)補(bǔ)充,有需要的朋友參考下。
相關(guān)文章
angularjs實(shí)現(xiàn)下拉列表的選中事件示例
本篇文章主要介紹了angularjs實(shí)現(xiàn)下拉列表的選中事件示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
AngularJs 最新驗證手機(jī)號碼的實(shí)例,成功測試通過
下面小編就為大家分享一篇AngularJs 最新驗證手機(jī)號碼的實(shí)例,成功測試通過,具有很好的參考價值。希望對大家有所幫助。一起跟隨小編過來看看吧2017-11-11
AngularJS 中的Promise --- $q服務(wù)詳解
這篇文章主要介紹了AngularJS 中的Promise --- $q服務(wù)詳解方法的相關(guān)資料,需要的朋友可以參考下2016-09-09
AngularJs Creating Services詳解及示例代碼
本文主要介紹AngularJs Creating Services的知識資料,這里整理了詳細(xì)的資料及簡單示例代碼,有需要的小伙伴可以參考下2016-09-09
Angular6 用戶自定義標(biāo)簽開發(fā)的實(shí)現(xiàn)方法
這篇文章主要介紹了Angular6 用戶自定義標(biāo)簽開發(fā)的實(shí)現(xiàn)方法,下面我們就通過一個簡單的例子演示Angular6中的這一新功能,小編覺得挺不錯的,現(xiàn)在分享給大家,需要的朋友可以參考下2019-01-01
Angular開發(fā)實(shí)踐之服務(wù)端渲染
這篇文章主要介紹了Angular開發(fā)實(shí)踐之服務(wù)端渲染,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
Angular.js跨controller實(shí)現(xiàn)參數(shù)傳遞的兩種方法
這篇文章主要給大家介紹了關(guān)于Angular.js跨controller實(shí)現(xiàn)參數(shù)傳遞的兩種方法,文中給出了詳細(xì)的介紹和示例代碼,相信對大家具有一定的參考價值,需要的朋友們下面來一起看看吧。2017-02-02

