Include files on AngularJS

Include files

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

Based on United States, Jacob Frazier is a skilled JavaScript developer with over 8 years of experience. He is passionate about change and trying new things, both professionally and personally. He loves startups and is extremely proactive.

Leave a Reply

Your email address will not be published. Required fields are marked *