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>
    
    尝试一下