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下弹出窗口的变通
Apr 18 Javascript
prettify 代码高亮着色器google出品
Dec 28 Javascript
jQuery实现可收缩展开的级联菜单实例代码
Nov 27 Javascript
jQuery中:reset选择器用法实例
Jan 04 Javascript
js鼠标悬浮出现遮罩层的方法
Jan 28 Javascript
JS+Canvas 实现下雨下雪效果
May 18 Javascript
BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)
Aug 17 Javascript
ionic2 tabs使用 Modal底部tab弹出框
Dec 30 Javascript
详解Vue依赖收集引发的问题
Apr 22 Javascript
axios实现简单文件上传功能
Sep 25 Javascript
jQuery实现回到顶部效果
Oct 19 jQuery
JS实现页面炫酷的时钟特效示例
Aug 14 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
You might like
分享一个php 的异常处理程序
2014/06/22 PHP
php阳历转农历优化版
2016/08/08 PHP
php使用event扩展的io复用测试的示例
2020/10/20 PHP
window.js 主要包含了页面的一些操作
2009/12/23 Javascript
JavaScript函数获取事件源的小例子
2014/05/14 Javascript
使用delegate方法为一个tr标签加一个链接
2014/06/27 Javascript
js中split和replace的用法实例
2015/02/28 Javascript
用jquery获取自定义的标签属性的值简单实例
2016/09/17 Javascript
js 监控iframe URL的变化实例代码
2017/07/12 Javascript
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
2019/03/08 Javascript
ES6 新增的创建数组的方法(小结)
2019/08/01 Javascript
茶余饭后聊聊Vue3.0响应式数据那些事儿
2019/10/30 Javascript
Javascript Web Worker使用过程解析
2020/03/16 Javascript
微信小程序点击滚动到指定位置的实现
2020/05/22 Javascript
JS typeof fn === 'function' &amp;&amp; fn()详解
2020/08/22 Javascript
react使用antd表单赋值,用于修改弹框的操作
2020/10/29 Javascript
[00:19]CN DOTA NEVER DIE!VG夺冠rOtK接受采访
2019/12/23 DOTA
python采集博客中上传的QQ截图文件
2014/07/18 Python
在pandas中一次性删除dataframe的多个列方法
2018/04/10 Python
python监控进程脚本
2018/04/12 Python
基于python-opencv3的图像显示和保存操作
2019/06/27 Python
python 字典 setdefault()和get()方法比较详解
2019/08/07 Python
基于pytorch padding=SAME的解决方式
2020/02/18 Python
python函数调用,循环,列表复制实例
2020/05/03 Python
外企C语言笔试题
2013/11/10 面试题
傲盾软件面试题
2015/08/17 面试题
Linux不知道文件后缀名怎么判断文件类型
2012/04/26 面试题
医药大学生求职简历的自我评价
2013/10/17 职场文书
迷你西餐厅创业计划书范文
2013/12/31 职场文书
领导四风问题整改措施思想汇报
2014/10/13 职场文书
实习指导教师评语
2014/12/30 职场文书
公司年会开场白
2015/06/01 职场文书
《小乌鸦爱妈妈》教学反思
2016/02/19 职场文书
Canvas三种动态画圆实现方法说明(小结)
2021/04/16 Javascript
Mysql事务索引知识汇总
2022/03/17 MySQL
react中useState使用:如何实现在当前表格直接更改数据
2022/08/05 Javascript