<!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>

運(yùn)行結(jié)果：

myFile.htm 文件標(biāo)題

這個(gè)文本來自被包含的文件 myFile.htm!

定義和用法

ng-include 指令用于包含外部的 HTML 文件。

包含的內(nèi)容將作為指定元素的子節(jié)點(diǎn)。

ng-include 屬性的值可以是一個(gè)表達(dá)式，返回一個(gè)文件名。

默認(rèn)情況下，包含的文件需要包含在同一個(gè)域名下。

語法

ng-include 指令作為元素使用:

<ng-include src="filename" onload="expression" autoscroll="expression" ></ng-include>

所有的 HTML 元素都支持該指令。

參數(shù)值

值	描述
filename	文件名，可以使用表達(dá)式來返回文件名。
onload	可選，文件載入后執(zhí)行的表達(dá)式。
autoscroll	可選，包含的部分是否在指定視圖上可滾動(dòng)。

以上就是對(duì)AngularJS ng-include指令的知識(shí)整理，后續(xù)繼續(xù)補(bǔ)充。

您可能感興趣的文章:

相關(guān)文章

詳解在AngularJS的controller外部直接獲取$scope
本篇文章主要介紹了詳解在AngularJS的controller外部直接獲取$scope ，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
AngularJS解決ng界面長表達(dá)式(ui-set)的方法分析
這篇文章主要介紹了AngularJS解決ng界面長表達(dá)式(ui-set)的方法,通過具體問題的分析并結(jié)合實(shí)例形式給出了AngularJS長表達(dá)式的相關(guān)使用技巧,需要的朋友可以參考下
2016-11-11
angular6根據(jù)environments配置文件更改開發(fā)所需要的環(huán)境的方法
這篇文章主要介紹了angular6根據(jù)environments配置文件更改開發(fā)所需要的環(huán)境的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2019-03-03
基于AngularJS的拖拽文件上傳的實(shí)例代碼
本篇文章主要介紹了基于AngularJS的拖拽上傳的實(shí)例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-07-07
在AngularJS應(yīng)用中實(shí)現(xiàn)一些動(dòng)畫效果的代碼
這篇文章主要介紹了在AngularJS應(yīng)用中實(shí)現(xiàn)一些動(dòng)畫效果的代碼,AngularJS是一款熱門的JavaScript庫,需要的朋友可以參考下
2015-06-06
AngularJS的依賴注入實(shí)例分析(使用module和injector)
這篇文章主要介紹了AngularJS的依賴注入,結(jié)合實(shí)例形式分析了依賴注入的原理及使用module和injector實(shí)現(xiàn)依賴注入的步驟與操作技巧,需要的朋友可以參考下
2017-01-01
淺談angular懶加載的一些坑
下面小編就為大家?guī)硪黄獪\談angular懶加載的一些坑。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-08-08
用AngularJS來實(shí)現(xiàn)監(jiān)察表單按鈕的禁用效果
本篇文章主要介紹了用AngularJS來實(shí)現(xiàn)監(jiān)察表單按鈕的禁用效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。
2016-11-11
angularJs中ng-model-options設(shè)置數(shù)據(jù)同步的方法
今天小編就為大家分享一篇angularJs中ng-model-options設(shè)置數(shù)據(jù)同步的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-09-09
詳解AngularJS中的http攔截
這篇文章主要為大家詳細(xì)介紹了AngularJS中的http攔截，$http服務(wù)允許我們與服務(wù)端交互，有時(shí)候我們希望在發(fā)出請(qǐng)求之前以及收到響應(yīng)之后做些事情。即http攔截,需要的朋友可以參考下
2016-02-02