Include syntax in AngularJS

HTML does not support embedding HTML web pages in HTML pages. To achieve this function, the following methods can be used:

Include syntax in AngularJS

HTML does not support embedding HTML web pages in HTML pages. To achieve this function, the following methods can be used:

Using Ajax - Create a server call to get the corresponding HTML page and set it in the innerHTML element of the HTML control.

Using Server Side Includes - JSP, PHP and other web server technologies can include HTML pages in a dynamic web page.

With AngularJS, we can embed the HTML page using the ng-include directive.

 ng-app = "" ng-controller = "sinhvienController" >  ng-include = "'main.html'" >

ng-include="'tenMonHoc.html'">

For example:

cuphapInclude.html

 Include Cu Phap in AngularJS  src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js" >

 Cavalier AngularJS  ng-app = "ungdungAngularjs" ng-controller = "sinhvienController" >  ng-include = "'main.html'" >  ng-include = "'tenMonHoc.html'" >

main.html

 border = "0" > Nhap ho:  type = "text" ng-model = "sinhvien.ho" > Nhap ten:  type = "text" ng-model = "sinhvien.ten" > Ho and Ten: {{sinhvien.hoten ()}}

tenMonHoc.html

 Mon Hoc:   Ten   Exam scores  ng-repeat = "printable version of the account.tenMonHoc" >

Result:

To run this example, you need to create the cuphapInclude.html, main.html, tenMonHoc.html files with the webserver. Open the cuphapInclude.html page using the URL address on the server and see the results.

Include syntax in AngularJS Picture 1

Follow tutorialspoint

Previous article: Form in AngularJS

Next article: Ajax in AngularJS

What is AngularJS?
angularjs is an open source web application framework. it was first developed by misko hevery and adam abrons in 2009. it is currently maintained by google. the latest version of angularjs is currently 1.3.14.
Instructions for installing AngularJS
in this chapter, i will show you how to install the angularjs library to be used in web application development. we will introduce about the structure of the ink and its contents.
The Service in AngularJS
angularjs supports the concept of seperation of concerns - divide to use service structure. service is javascript functions and is responsible for certain tasks.
The Filter in AngularJS
filter is used to change, filtering data to result in another string. below is a list of common filters commonly used in angularjs.
Directive in AngularJS
angularjs directive is used to inherit html. there are special attributes that start with the prefix-.
Ajax in AngularJS
angularjs provides a $ http control that acts as a service to read data from the server. the server can create calls to the database to receive the logs. angularjs needs data in json format.
Form in AngularJS
angularjs complements the form of filling and validation features. you can use ng-click directive to handle the event by clicking on the button and using the flags $ dirty and $ invalid to make it effective. use novalidate with the form declaration to disable the valicate feature of the form. the control section of the form uses an effective set of angularjs events.
The Module in AngularJS
angularjs supports module-oriented approach. the module is used to distinguish the logic, service and application processing ... and make the code clear.
View components in AngularJS
angularjs supports single page application through multiple views on a single page. to do this, angularjs provides ng-view and ng-template directive and $ routeprovider service.
HTML DOM element in AngularJS
the directives below can be used to bind application data to attributes in the html dom element.
Create the first AngularJS application
to start, we start with creating the actual xinchao application by using angularjs, we will show you the specific parts of an angularjs application.
Multilingual (i18n) in AngularJS
angularjs provides multi-lingual functions (i18n) with 3 types of filters, currency, date and number. we just need to combine the js corresponding to the location depending on the country. by default it will attach to the location in the web browser.