How to have global footer in separate views using angular-ui-router v0.2.5 (allows modules)
抱歉,如果标题不清楚。
我正在将我购买的模板转换为angular.js应用程序。
我想使用不同的模块来组织应用程序。
我还使用了AngularUI路由器的0.2.5版本,它允许使用单独的模块进行路由。
除了我使用的模板,一切都很好,如下所示:
1 2 3 4 5 6 7 | Global Nav Bar Content that changes with different states right below Nav Bar Content that changes with different states at bottom of page thanks to parent div's class Global Footer also on bottom of page due to parent div's class |
我很难让这个全局页脚工作,因为父级包装DIV。
有人能帮我把这个做好吗?
更新:
我不能被建议使用我的plunkr示例:http://plnkr.co/edit/dgnkhx
我也不能使用页脚的命名视图:http://plnkr.co/edit/bo8ndo
尝试如下操作:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | .state('root', { abstract: true, views: { '@': { }, 'sideBar@': { templateUrl: 'views/sidebar.html', controller: 'SideBarCtrl' }, 'header@': { templateUrl: 'views/header.html' }, 'footer@': { templateUrl: 'views/footer.html' } } }) .state('main', { url: '/', parent: 'root', views: { '@': { templateUrl: 'views/main_content.html', controller: 'MainCtrl' } } }) |
这对我有效……我有一个全局页脚。
我想你在找ng include。http://docs.angularjs.org/api/ng.指令:nginclude
这将使您能够将全局页脚提取到单独的文件中,并将其包含在模板中。
1 |