AngularJS基礎(chǔ) ng-include 指令簡單示例
更新時間：2016年08月01日 16:13:56 投稿：hebedich
本文主要介紹AngularJS ng-include 指令,這里對ng-include的基本知識做了整理,并附有代碼實例,有需要的朋友可以參考下
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>
運行結(jié)果：
myFile.htm 文件標題
這個文本來自被包含的文件 myFile.htm!
定義和用法
ng-include 指令用于包含外部的 HTML 文件。
包含的內(nèi)容將作為指定元素的子節(jié)點。
ng-include 屬性的值可以是一個表達式，返回一個文件名。
默認情況下，包含的文件需要包含在同一個域名下。
語法
<element ng-include="filename" onload="expression" autoscroll="expression" ></element>
ng-include 指令作為元素使用:
<ng-include src="filename" onload="expression" autoscroll="expression" ></ng-include>
所有的 HTML 元素都支持該指令。
參數(shù)值
| 值 | 描述 |
|---|---|
| filename | 文件名，可以使用表達式來返回文件名。 |
| onload | 可選， 文件載入后執(zhí)行的表達式。 |
| autoscroll | 可選，包含的部分是否在指定視圖上可滾動。 |
以上就是對AngularJS ng-include指令的知識整理，后續(xù)繼續(xù)補充。
相關(guān)文章
詳解Webstorm 下的Angular2.0開發(fā)之路(圖文)
這篇文章主要介紹了詳解Webstorm 下的Angular2.0開發(fā)之路(圖文) ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
本文給大家介紹AngularJS控制器繼承自另一控制器的相關(guān)內(nèi)容，小編認為介紹的非常不錯，具有參考借鑒價值，感興趣的朋友參考下吧2016-05-05
今天小編就為大家分享一篇對angularJs中2種自定義服務(wù)的實例講解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
本篇文章主要介紹了angularjs ui-router中路由的二級嵌套，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-03-03
下面小編就為大家?guī)硪黄狝ngularJS學(xué)習(xí)筆記之依賴注入詳解。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
本篇文章主要介紹了Angular 如何使用第三方庫的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
AngularJS的日期格式化有兩種形式，一種是在HTML頁面，一種是在JS代碼里，都是用到AngularJS的過濾器$filter2015-12-12
這篇文章主要為大家介紹了如何通過Angular實現(xiàn)表格自動滾動的效果，文中的示例代碼講解詳細，對我們學(xué)習(xí)Angular有一定幫助，需要的可以參考一下2022-01-01
AngularJS實現(xiàn)的省市二級聯(lián)動功能示例【可對選項實現(xiàn)增刪】
這篇文章主要介紹了AngularJS實現(xiàn)的省市二級聯(lián)動功能,涉及事件監(jiān)聽、響應(yīng)及頁面元素動態(tài)操作相關(guān)技巧,此外還具備對選項進行增刪的功能,需要的朋友可以參考下
2017-10-10