编程 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 相关文章推荐

JS 无法通过W3C验证的处理方法

Mar 09 Javascript

js 弹出框只弹一次(二次修改之后的)

Nov 26 Javascript

JavaScript实现的图像模糊算法代码分享

Apr 22 Javascript

超炫的jquery仿flash导航栏特效

Nov 11 Javascript

jQuery实现文本框输入同步的方法

Jun 20 Javascript

JavaScript 性能优化小结

Oct 12 Javascript

Bootstrap4一次重大更新几乎涉及每行代码

May 16 Javascript

JS 通过系统时间限定动态添加 select option的实例代码

Jun 09 Javascript

JS控制文本域只读或可写属性的方法

Jun 24 Javascript

避免jQuery名字冲突 noConflict()方法

Jul 30 Javascript

JavaScript常用数组操作方法,包含ES6方法

May 10 Javascript

jQuery分组选择器简单用法示例

Apr 04 jQuery

基于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

You might like

PHP产生随机字符串函数

2006/12/06 PHP

PHP设计模式之迭代器模式的深入解析

2013/06/13 PHP

PHP使用glob函数遍历目录或文件夹的方法

2014/12/16 PHP

php通过rmdir删除目录的简单用法

2015/03/18 PHP

php生成zip文件类实例

2015/04/07 PHP

PHP基于curl后台远程登录正方教务系统的方法

2016/10/14 PHP

phpstudy默认不支持64位php的解决方法

2017/02/20 PHP

PHP读取、解析eml文件及生成网页的方法示例

2017/09/04 PHP

jquery将一个表单序列化为一个对象的方法

2014/01/03 Javascript

jQuery中size()方法用法实例

2014/12/27 Javascript

JavaScript数组去重的3种方法和代码实例

2015/07/01 Javascript

jquery获取url参数及url加参数的方法

2015/10/26 Javascript

jquery获取下拉框中的循环值

2017/02/08 Javascript

分享十三个最佳JavaScript数据网格库

2017/04/07 Javascript

微信小程序实践之动态控制组件的显示/隐藏功能

2018/07/18 Javascript

JavaScript数组方法的错误使用例子

2018/09/13 Javascript

Koa 使用小技巧(小结)

2018/10/22 Javascript

谈谈IntersectionObserver懒加载的具体使用

2019/10/15 Javascript

node.js 使用 net 模块模拟 websocket 握手进行数据传递操作示例

2020/02/11 Javascript

Vue elementui字体图标显示问题解决方案

2020/08/18 Javascript

Python中property函数用法实例分析

2018/06/04 Python

Python中pip更新和三方插件安装说明

2018/07/08 Python

Pandas 按索引合并数据集的方法

2018/11/15 Python

浅谈python之高阶函数和匿名函数

2019/03/21 Python

python原类、类的创建过程与方法详解

2019/07/19 Python

Python利用全连接神经网络求解MNIST问题详解

2020/01/14 Python

如何使用Cython对python代码进行加密

2020/07/08 Python

美国成衣女装品牌：CHICO’S

2016/09/19 全球购物

猫咪家具：CatsPlay

2018/11/03 全球购物

销售员自我评价怎么写

2013/09/19 职场文书

爱我中华演讲稿

2014/05/20 职场文书

2014年社区党建工作汇报材料

2014/11/02 职场文书

2014年卫生院工作总结

2014/12/03 职场文书

2015年检察院个人工作总结

2015/05/20 职场文书

Python matplotlib可视化之绘制韦恩图

2022/02/24 Python

使用vue判断当前环境是安卓还是IOS

2022/04/12 Vue.js