Include files on AngularJS

In HTML you can not include files like HTML into another HTML pages. To achieve this functionality you had to choose either Ajax call or server side includes like php, jsp.

But using AngularJS you can embed HTML page within a HTML page using ng-include directive.

By default, for same domain and protocol as a application document, the template URL is restricted.

For detail documentation click here.

Include files example:

<div ng-app="" ng-controller="userController">
   <div ng-include="'header.htm'"></div>
   <div>...</div>
   <div ng-include="'footer.htm'"></div>
</div>

Read Also: Ajax call – AngularJS