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