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 属性的值可以是一个表达式,返回一个文件名。

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

语法

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

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

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

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

参数值

 

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

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

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