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