You can embed external HTML pages into AngularJS. The most common way, is to use an ajax request to fetch data from the server, and then put the data to the innerHTML of an HTML element.
Basically, ng-include fetches then compiles and includes an external HTML fragment.
<ng-include src="string" [onload="string"] [autoscroll="string"]>
…
</ng-include>
Directive Info:
– This directive creates new scope.
– This directive executes at priority level 400.
Embed external HTML pages:
<div class="container">
<div ng-include="'firstpage.htm'"></div>
<div ng-include="'secondpage.htm'"></div>
</div>
For ngInclude references click here.

An author of Namaste UI, published several articles focused on blogging, business, web design & development, e-commerce, finance, health, lifestyle, marketing, social media, SEO, travel.
For any types of queries, contact us on info[at]namasteui.com.