网站加载是显示未编译的源代码

网站渲染的时候总是会先把为编译的源代码显示出来,这很不给力啊,因为支持双语言,所有的文字都要编译下,每次都要写ng-cloak,ie8 还要加个class,要不就用ng-bind 绑定,字写的太多,太麻烦了,所以就直接{{}}插入标签里边的,所以现在出现了这种情况,去页面上改就不可能了,看了看ng-cloak 的实现方法,

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}

var ngCloakDirective = ngDirective({
compile: function(element, attr) {
attr.$set('ngCloak', undefined);
element.removeClass('ng-cloak');
}
});

先给元素隐藏,等编译到元素的时候在显示,我也就照着这个方法实现的,给我的标签先隐藏,编译到的时候在显示,幸好我们页面上的语句基本上都是用了s标签a标签,还有label标签包含的,

给这三个标签加指令,基本上解决了这个问题。

posted on 2014-05-14 13:24  wssdzf  阅读(617)  评论(0编辑  收藏  举报

导航