项目加载时,有时候需要先加载js文件,后加载HTML文件,实现的方法就是运用 ng-include 载入.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 | 可选,包含的部分是否在指定视图上可滚动。 |
dome示例:
<body ng-controller="myCtrl"> <div ng-include="'subPage.html'"></div> <!-- 路径里面必须带上单引号 --> </body>