javascript - 使用 AngularJS 在同一页面中使用多个视图

Question

是否可以使用 AngularJS 在同一个 SPA 中使用多个视图？

我打算为页面的页眉栏使用 1 个视图，为页面的正文使用第二个视图，为页面的页脚使用第三个视图。这样页眉和页脚视图不会在每次路由位置时更改，而是仅在取决于用户在正文上执行的操作时更改，例如单击正文视图中的“更改页眉”按钮等。

一个例子真的很有帮助。

谢谢。

Answer 1

您可以为此使用ng-include：

<div ng-include="'my-header.html'"></div>
<!-- body -->
<div ng-view></div>
<div ng-include="'my-footer.html'"></div>

Answer 2

您应该使用UI-Router。这是一个维护良好的社区项目，取代了基本的 ng-router。

它比 ng-router 有更多的功能，包括多个视图。