AngularJS ng-include 指令
实例
包含外部文件中的 HTML:
<!DOCTYPE html><html><script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script><body ng-app=""><div ng-include="'myFile.htm'"></div></body></html>
定义与用法
ng-include 指令包括来自外部文件的 HTML。
包含的内容将作为指定元素的子节点包含。
ng-include 属性的值也可以是表达式，返回文件名。
默认情况下，包含的文件必须与文档位于同一域中。
语法
<element ng-include="filename" onload="expression" autoscroll="expression"></element>
ng-include 指令也可用作元素:
<ng-include src="filename" onload="expression" autoscroll="expression"></ng-include>
由所有 HTML 元素支持。
参数值
| 值 | 描述 |
|---|---|
| filename | 文件名，或返回文件名的表达式 |
| onload | 可选。加载包含的文件时要计算的表达式 |
| autoscroll | 可选。所包含的部分是否应该能够滚动到特定视图 |