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指令的知識整理，後續繼續補充。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
