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

How to include header and footer using Angularjs?

提问by Abilash

In my projects i'm using jquery "load" method to inject the header and footer in all pages (ref the below code), here my question is how to achieve the same using angularjs.

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

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

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

回答by Satpal

You should use ngIncludedirective. It fetches, compiles and includes an external HTML fragment.

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

Example

例子

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

回答by Prashobh

In your index.html or master page you can add

在您的 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>

For more references

更多参考

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

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