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

Question

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

我计划在页面的标题栏中使用1个视图，第二个用于页面正文，第三个用于页面的页脚。因此，每次路由位置时页眉和页脚视图都不会改变，而只是在取决于用户在身体上执行的操作时更改，例如单击＆＃34;更改标题＆＃34;身体视图中的按钮等。

一个例子真的会有所帮助。

感谢。

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更多的功能，包括multiple views。