--- title: "AngularJs Includes" description: "Hi everyone in this blog I’m explaining about angularjs Includes.Introduction:HTML does not support embedding html pages within html page. To achieve" author: "Anonymous User" published: 2015-03-24 updated: 2018-02-17 canonical: https://www.mindstick.com/blog/10858/angularjs-includes category: "angular js" tags: ["angularjs scope", "angularjs controller"] reading_time: 2 minutes --- # AngularJs Includes Hi everyone in this blog I’m explaining about [angularjs](https://www.mindstick.com/articles/13081/advantages-disadvantages-of-angularjs-is-that-ideal-for-your-project) Includes. ##### Introduction: ## HTML does not [support](https://yourviews.mindstick.com/view/286/modi-support-for-sportsperson) embedding html pages within html page. To achieve this [functionality](https://www.mindstick.com/blog/136/using-watermark-functionality-in-textbox-by-jquery) following ways are used. 1. Using Ajax - Make a server call to get the corresponding html page and set it in innerHTML of html control. 2. Using [Server Side](https://www.mindstick.com/forum/318/how-to-call-javascript-fuction-in-server-side) Includes - JSP, PHP and other web side server [technologies](https://www.mindstick.com/blog/11429/tools-and-technologies-to-learn-in-2017) can include html pages within a [dynamic](https://www.mindstick.com/blog/11080/features-of-java-dynamic-complied-and-interpreted) page. Using AngularJS, we can [embedded](https://www.mindstick.com/articles/332094/what-is-embedded-software-engineering) HTML pages within a HTML page using ng-include directive. ```
  
  
``` ##### Example: ## ##### Angularjs.html ```     Angular JS Includes           

AngularJS Sample Application

   
       
       
   
    ``` ##### Main.html: ```                                                                                                                            
Enter first name:               
Enter last name:                
Name: {{student.fullName()}}
Subject.html

Subjects:

                                                                                       
NameMarks
{{ subject.name }}{{ subject.marks }}
``` ##### Output: ## To run this example, you need to [deploy](https://www.mindstick.com/interview/825/what-are-the-development-tools-and-operational-systems-that-dot-net-provides-to-build-deploy-and-integrate-applications) textAngularJS.htm, main.htm and subjects.htm to a webserver. Open textAngularJS.htm using url of your server in a [web browser](https://www.mindstick.com/blog/301688/best-web-browsers-for-2023). See the result. ![AngularJs Includes](https://www.mindstick.com/blogs/cf3b8ed3-e4df-40eb-bd65-107dea6d08f1/images/018272a0-d722-4f2d-a782-78f115d3ecef.png) --- Original Source: https://www.mindstick.com/blog/10858/angularjs-includes Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.