AngularJS ng-include 指令

定义和用法

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	否	包含的部分是否应该能够滚动到特定视图。

示例

下例演示了使用 ng-include 指令包含HTML内容：

<!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="UTF-8">
 <title>欢迎来到菜鸟教程</title>
 <script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
 </head>
 <body ng-app="">
         <div ng-include="'myFile.html'"> </div>
 </body>
 </html>

尝试一下

AngularJS ng-include 指令

定义和用法

语法

参数

示例

相关页面