Angularjs 如何使用angular ui router v0.2.5（允许模块）在单独视图中使用全局页脚

很抱歉，如果这个标题令人困惑

我正在将购买的模板转换为angular.js应用程序

我想使用不同的模块来组织应用程序

我还使用angular ui router的0.2.5版本，它允许使用单独的模块进行路由

一切正常，但我使用的模板如下所示：

<div>Global Nav Bar</div>
<div>Content that changes with different states right below Nav Bar</div>
<div class="wrapsContentAndPushesToBottom">
  <div>Content that changes with different states at 
       bottom of page thanks to parent div's class</div>
  <div>Global Footer also on bottom of page due 
       to parent div's class</div>
</div>

.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' }
  }
})

全局导航条
导航栏正下方随不同状态变化的内容
随时间不同状态而变化的内容
感谢家长div的课程，页面底部
全局页脚也在页面底部到期
到父div的类

我很难让那个全局页脚工作，因为那个父包装div

有人能帮我把这件事做好吗

更新：

我无法建议ng include使用我的plunkr示例：

---

我也无法使用页脚的命名视图：

我想您正在寻找ng include

这将使您能够将全局页脚提取到一个单独的文件中，并将其包含在模板中

<div ng-include src="'globalFooter.tpl.html'"></div>

---

尝试以下方法：

<div>Global Nav Bar</div>
<div>Content that changes with different states right below Nav Bar</div>
<div class="wrapsContentAndPushesToBottom">
  <div>Content that changes with different states at 
       bottom of page thanks to parent div's class</div>
  <div>Global Footer also on bottom of page due 
       to parent div's class</div>
</div>

.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' }
  }
})

---

这对我有用。。我有一个全球页脚。

这是一个很好的建议，我一定会尝试！很好-如果你认为这是正确的答案，请你标记一下。我更新了我的plunkr，以防有人想看到你的建议付诸实施。啊，我无法让ng include=“footer”起作用，我不知道为什么。我没有收到任何错误。很抱歉，我没有“回答”这个问题，尽管你像我最初问的那样提供了一个建议。我希望我能找个人帮我完成这项工作。这项工作的可能复制品将使你们所有的州都成为根的孩子。对于导航，您必须使用“root.”进行导航