AngularJS ng-include 指令
AngularJS 實例
包含HTML 文件:
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body ng-app=""><div ng-include="'myFile.htm'"></div></body></html>
運行結果:
myFile.htm 文件標題
這個文本來自被包含的文件myFile.htm!
定義和用法
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 | 可選,包含的部分是否在指定視圖上可滾動。 |
以上就是對AngularJS ng-include指令的知識整理,後續繼續補充。