AngularJS基础 ng-include 指令简单示例
AngularJSng-include指令
AngularJS实例
包含HTML文件:
<!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <scriptsrc="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <bodyng-app=""> <divng-include="'myFile.htm'"></div> </body> </html>
运行结果:
myFile.htm文件标题
这个文本来自被包含的文件myFile.htm!
定义和用法
ng-include指令用于包含外部的HTML文件。
包含的内容将作为指定元素的子节点。
ng-include属性的值可以是一个表达式,返回一个文件名。
默认情况下,包含的文件需要包含在同一个域名下。
语法
<elementng-include="filename"onload="expression"autoscroll="expression"></element>
ng-include指令作为元素使用:
<ng-includesrc="filename"onload="expression"autoscroll="expression"></ng-include>
所有的HTML元素都支持该指令。
参数值
值
描述
filename
文件名,可以使用表达式来返回文件名。
onload
可选,文件载入后执行的表达式。
autoscroll
可选,包含的部分是否在指定视图上可滚动。
以上就是对AngularJSng-include指令的知识整理,后续继续补充。