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