AngularJS基礎(chǔ) 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)文章
Angular應(yīng)用里環(huán)境變量SERVER_REQUEST_ORIGIN含義解析
這篇文章主要為大家介紹了Angular應(yīng)用里環(huán)境變量SERVER_REQUEST_ORIGIN的含義解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-10-10Angular 4依賴注入學習教程之ValueProvider的使用(七)
這篇文章主要給大家介紹了關(guān)于Angular 4依賴注入之ValueProvider使用的相關(guān)資料,文中介紹的非常詳細,對大家學習或者使用Angular4具有一定的參考學習價值,需要的朋友們下面來一起看看吧。2017-06-06angularJs使用ng-repeat遍歷后選中某一個的方法
今天小編就為大家分享一篇angularJs使用ng-repeat遍歷后選中某一個的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09Angularjs實現(xiàn)數(shù)組隨機排序的方法
今天小編就為大家分享一篇Angularjs實現(xiàn)數(shù)組隨機排序的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10angular+bootstrap的雙向數(shù)據(jù)綁定實例
本篇文章主要介紹angular+bootstrap的雙向數(shù)據(jù)綁定的實例,具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03angularjs實現(xiàn)多選框分段全選效果實現(xiàn)
這篇文章主要為大家介紹了angularjs實現(xiàn)多選框分段全選效果實現(xiàn)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-06-06