关于angularjs:如何使用angular-ui-router v0.2.5在单独的视图中创建全局页脚(允许模块)

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