引用自http://www.cnblogs.com/whitewolf/p/3495822.html
在做angular的SPA開發時，我們經常會遇見在如Chrome這類能夠快速解析的瀏覽器上出現表達式({{ express }} ),或者是模塊(div)的閃爍。對於這個問題由於JavaScript去操作DOM，都會等待DOM加載完成（DOM ready）。對於angular會在DOM ready完會才回去解析html view Template，所以對於Chrome這類快速的瀏覽器你會看見有閃爍的情況出現。而對於IE7，8這類解析稍慢的瀏覽器大部分情況下是不會出現這個問題的。
在angular中為我們提供了ng-cloak來實現紡織閃爍的方案，我們只需要在需要的地方加上ng-cloak。同時對於bing文字({{ express }} )我們也可以改為ng-bind來實現避免。
<head>
<style type="text/css">
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
</style>
</head>
然後在Body 或需要套用的地方加上ng-cloak
沒有留言:
張貼留言