AngularJS页面访问时出现页面闪烁问题的解决.docVIP

AngularJS页面访问时出现页面闪烁问题的解决 我们知道在应用的页面或者组件需要加载数据时，浏 览器和angular渲染页面都需要消耗一定的时间。这里的 间隔可能很小，甚至让人感觉不到区别；但也可能很长， 这样会导致让我们的用户看到了没有被渲染过的页面。 这种情况被叫做 FlashOfUnrenderedContent (FOUC) (K) ? andisalwaysunwanted.下面我们将要介绍几个不同 的方式防止这种情况发生在我们的用户身上。 1、ng-c loak ng-cl oak指令是angul ar的内置指令，它的作用是隐 藏所有被它包含的元素： It; divng -cloakgt; nbsp: It: hlg t:Hello {{na me}} It; /hlg t; lt;/divgt ; Ng-c loak实现原理为一个dire ctive,页面初始化是 在DOM的heade增加一行CSS代码，如下： It ;prec lass= “prett yprintlinen ums” gt; nb sp; [ng\:clo ak], [ng-clo ak]，[data-n g- cloak]，[x -ng-cloak],. ng-cloak,. x-ng-cloak{ nbsp;Disp lay:none! im portant: It :/pregt; 1