2015-10-07 57 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; 
}