Home>

AngularJS basic ng-include directive simple example

This article mainly introduces the angularjs ng-include directive.Here is the basic knowledge of ng-include.And attached code examples,Have

angularjs ng-include directive

angularjs example

Include html file:

<! Doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
<div ng-include="" myfile.htm ""></div>
</body>
</html>

operation result:

myfile.htm file title

This text comes from the included file myfile.htm!

Definition and usage

The ng-include directive is used to include external html files.

The contained content will be the children of the specified element.

The value of the ng-include attribute can be an expression,Returns a file name.

by default,The included files need to be included under the same domain name.

grammar

<element ng-include="filename" onload="expression" autoscroll="expression"></element>

The ng-include directive is used as an element:

<ng-include src="filename" onload="expression" autoscroll="expression"></ng-include>

All html elements support this directive.

Parameter value

value description
filename File name. You can use an expression to return the file name.
onload Optional, the expression to be executed after the file is loaded.
autoscroll Optional, whether the contained part is scrollable on the specified view.

javascript

Related articles

  • Previous Summary of methods for creating random strings with alphanumerics in javascript
  • Next jQuery simple implementation of page elements on top of the hover effect example