2015-10-07 26 views
0

納克視點不加載下面是我的應用程序的結構。很簡單。頁眉和頁腳是非常小的文件。而主頁上的ng-view要大得多。我注意到當我進入頁面。這兩個ng-include首先被加載,然後ng-view出現,頁腳被推到最下面。頁腳閃爍0.1秒,但是顏色不同。所以對我來說很清楚。NG-包括和在同一時間

<div ng-include='"app/core/templates/header.html"'></div> 
    <div ng-view autoscroll="true"></div> 
    <div ng-include='"app/core/templates/footer.html"'></div> 

是否有反正讓他們在同一時間完成加載。並一起顯示?或者無論如何,使它更平滑?

+0

檢查這一點,如果它可以幫助你http://stackoverflow.com/questions/21715256/angularjs-event-to-call-after-content-is-loaded –

回答

0

有角度的ng-cloak可以顯示其他div直到加載完成 如果您正在加載angular.js或者模板編譯不夠快,請使用ng-cloak指令幷包含按照你的CSS:

/* 
    Allow angular.js to be loaded in body, hiding cloaked elements until 
    templates compile. The !important is important given that there may be 
    other selectors that are more specific or come later and might alter display. 
*/ 
[ng\:cloak], [ng-cloak], .ng-cloak { 
    display: none !important; 
}