AngularJS基礎(chǔ) ng-include 指令示例講解

2019-11-20 09:20:42

字體：大中小

供稿：網(wǎng)友

AngularJS ng-include 指令

AngularJS 實(shí)例

包含 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>

運(yùn)行結(jié)果：

myFile.htm 文件標(biāo)題

這個(gè)文本來自被包含的文件 myFile.htm!

定義和用法

ng-include 指令用于包含外部的 HTML 文件。

包含的內(nèi)容將作為指定元素的子節(jié)點(diǎn)。

ng-include 屬性的值可以是一個(gè)表達(dá)式，返回一個(gè)文件名。

默認(rèn)情況下，包含的文件需要包含在同一個(gè)域名下。

語(yǔ)法

ng-include 指令作為元素使用:

<ng-include src="filename" onload="expression" autoscroll="expression" ></ng-include>

所有的 HTML 元素都支持該指令。

參數(shù)值

值	描述
filename	文件名，可以使用表達(dá)式來返回文件名。
onload	可選，文件載入后執(zhí)行的表達(dá)式。
autoscroll	可選，包含的部分是否在指定視圖上可滾動(dòng)。