Question

有人可以指点我管理ui-router的全局状态的例子吗？我正在尝试实现一个通用网站模板，该模板在所有页面上都包含页眉和页脚，主视图随着该视图中的嵌套视图而变化。

<div ui-view="header">应出现在所有页面上，并有自己的控制器。保存不同“页面”和嵌套视图的<div ui-view>main view <div ui-view="footer">应出现在所有页面上，并有自己的控制器。

我将尝试详细说明，这是我目前处于角度路由的状态：

<body>
  <div class="wrap">
      <div ng-include="'partials/header.html'"></div>
      <div ng-view></div>
      <div ng-include="'partials/footer.html'"></div>
  </div> 
</body>

我想迁移到ui-router，但无法实现相同的目标。我需要所有页面上的页眉和页脚以及ui-view作为主要内容，它将保存所有视图/嵌套的视图和统计信息

由于

Answer 1

这肯定对你有用。您只需要确保它是ui-view而不是ng-view。以下是我现在在类似应用上使用的内容：

<div ng-include src="'app/templates/nav.html'" id="global-nav"></div>
<div ui-view></div>
<footer ng-include src="'app/templates/footer.html'"></footer>

具有“主视图”的ui-router全局状态

1 个答案: