编程 Javascript

AngularJS基础 ng-include 指令示例讲解

Posted in Javascript onAugust 01, 2016

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 文件。

包含的内容将作为指定元素的子节点。

ng-include 属性的值可以是一个表达式，返回一个文件名。

默认情况下，包含的文件需要包含在同一个域名下。

语法

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

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

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

参数值

值	描述
filename	文件名，可以使用表达式来返回文件名。
onload	可选，文件载入后执行的表达式。
autoscroll	可选，包含的部分是否在指定视图上可滚动。

以上就是对AngularJS ng-include指令的知识整理，后续继续补充。

AngularJS基础 ng-include 指令示例讲解

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

会自动逐行上升的文本框

Jun 30 Javascript

javascript String 对象

Apr 25 Javascript

为javascript添加String.Format方法

Aug 11 Javascript

js或css实现滚动广告的几种方案

Jan 28 Javascript

jquery高效反选具体实现

May 05 Javascript

面向对象继承实例(a如何继承b问题)(自写)

Jul 01 Javascript

jQuery实现伪分页的方法分享

Feb 17 Javascript

Node.js+Express配置入门教程

May 19 Javascript

原生js封装自定义滚动条

Mar 24 Javascript

vue-router 实现导航守卫（路由卫士）的实例代码

Sep 02 Javascript

ES7之Async/await的使用详解

Mar 28 Javascript

Webpack的Loader和Plugin的区别

Nov 09 Javascript

基于jQuery实现表格的查看修改删除

Aug 01 #Javascript

jQuery自制提示框tooltip改进版

Aug 01 #Javascript

Three.js学习之文字形状及自定义形状

Aug 01 #Javascript

jQuery实现的省市县三级联动菜单效果完整实例

Aug 01 #Javascript

javascript实现的全国省市县无刷新多级关联菜单效果代码

Aug 01 #Javascript

基于原生JS实现图片裁剪

Aug 01 #Javascript

AngularJS基础 ng-include 指令简单示例

Aug 01 #Javascript