AngularJS基礎(chǔ) ng-include 指令示例講解
更新時間：2016年08月01日 17:49:43 投稿：lqh
本文主要介紹AngularJS ng-include 指令,這里對ng-include 指令的知識做了詳細(xì)整理介紹,有需要的朋友可以參考下
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 文件標(biāo)題
這個文本來自被包含的文件 myFile.htm!
定義和用法
ng-include 指令用于包含外部的 HTML 文件。
包含的內(nèi)容將作為指定元素的子節(jié)點。
ng-include 屬性的值可以是一個表達(dá)式，返回一個文件名。
默認(rèn)情況下，包含的文件需要包含在同一個域名下。
語法
<element ng-include="filename" onload="expression" autoscroll="expression" ></element>
ng-include 指令作為元素使用:
<ng-include src="filename" onload="expression" autoscroll="expression" ></ng-include>
所有的 HTML 元素都支持該指令。
參數(shù)值
| 值 | 描述 |
|---|---|
| filename | 文件名，可以使用表達(dá)式來返回文件名。 |
| onload | 可選， 文件載入后執(zhí)行的表達(dá)式。 |
| autoscroll | 可選，包含的部分是否在指定視圖上可滾動。 |
以上就是對AngularJS ng-include指令的知識整理，后續(xù)繼續(xù)補充。
相關(guān)文章
這篇文章主要介紹了angular4+百分比進(jìn)度顯示插件用法,結(jié)合實例形式分析了Angular4安裝及使用百分比進(jìn)度顯示插件相關(guān)步驟與操作技巧,需要的朋友可以參考下2019-05-05
Angularjs實現(xiàn)多個頁面共享數(shù)據(jù)的方式
本文給大家介紹使用Angularjs實現(xiàn)多個頁面共享數(shù)據(jù)的方式，通過定義一個共享服務(wù)service來實現(xiàn)此功能，對angularjs共享數(shù)據(jù)相關(guān)知識感興趣的朋友一起學(xué)習(xí)2016-03-03
angularJS的radio實現(xiàn)單項二選一的使用方法
下面小編就為大家分享一篇angularJS的radio實現(xiàn)單項二選一的使用方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
本篇文章主要介紹了淺談Angular HttpClient 簡單入門，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
利用angular自動編譯andriod APK的繞坑經(jīng)歷分享
這篇文章主要給大家介紹了關(guān)于如何利用angular自動編譯andriod APK的繞坑經(jīng)歷，文中通過示例代碼以及圖文介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者使用angular具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
這篇文章主要介紹了Angularjs 事件指令詳細(xì)整理的相關(guān)資料,這里對AngularJS 的所有的事件指令一一做出詳細(xì)介紹，需要的朋友可以參考下2017-07-07
這篇文章主要介紹了Angular父子組件通過服務(wù)傳參的示例方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-10-10
AngularJS實現(xiàn)圖片上傳和預(yù)覽功能的方法分析
這篇文章主要介紹了AngularJS實現(xiàn)圖片上傳和預(yù)覽功能的方法,結(jié)合HTML5實例形式對比分析了AngularJS圖片上傳的相關(guān)操作技巧與注意事項,需要的朋友可以參考下2017-11-11
angularjs2中父子組件的數(shù)據(jù)傳遞的實例代碼
本篇文章主要介紹了angularjs2中父子組件的數(shù)據(jù)傳遞的實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
在我們創(chuàng)建一個angularJS應(yīng)用的時候，菜單往往往是不可或缺的元素之一。接下來通過本文給大家介紹AngularJS動態(tài)菜單操作指令，感興趣的朋友一起學(xué)習(xí)吧2017-04-04