在SPA中按需调用模板

时间:2014-01-19 17:31:23

标签: angularjs templates single-page-application angularjs-routing

在我目前的SPA应用程序中,索引页面显示登录表单(默认路由器),该表单没有标题& 页脚, 当用户登录帐户时,路由器将用户带到登录页面和Header&显示页脚(根据应用程序要求)。我的index.html看起来像

<code>
    <html>
     <header ng-class="{hide:loginPage}"> 
     </header>
     <ng-view></ng-view>
     <footer ng-class="{hide:loginPage}" ></footer> 
    </html>
</code>

但是有问题。当用户路由到默认登录时,小时一秒标题&amp;页脚显示。有没有最好的方法来实现结果

请指导如何解决这个问题?

2 个答案:

答案 0 :(得分:0)

我要做的是在我的页脚和标题中添加ng-include以有选择地加载我需要的内容

从角度页面检查此演示。它可能有所帮助:

http://docs.angularjs.org/api/ng.directive:ngInclude

答案 1 :(得分:0)

我认为你正在寻找ng-cloak:http://docs.angularjs.org/api/ng.directive:ngCloak。您的页眉和页脚会短暂闪烁,因为在解析ng-class表达式之前不会应用hide类。