如何使用Angularjs包含页眉和页脚？

Question

在我的项目中，我使用jquery“load”方法在所有页面中注入页眉和页脚（参见下面的代码），这里我的问题是如何使用angularjs实现相同。

$("header").load("includes/header.html");

$("footer").load("includes/footer.html");

Answer 1

您应该使用ngInclude指令。它获取，编译并包含一个外部HTML片段。

实施例

<header ng-include="'includes/header.html'">                    
</header>

Answer 2

在index.html或母版页中，您可以添加

<div ng-include="'includes/header.html'"></div>

<div ui-view=""></div>  // here you can manage other views 


<div ng-include="'includes/footer.html'"></div>

有关更多参考资料

http://docs.angularjs.org/tutorial/step_07