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 相关文章推荐
Javascript调试工具(下载)
Jan 09 Javascript
extjs 初始化checkboxgroup值的代码
Sep 21 Javascript
Javascript操作cookie的函数代码
Oct 03 Javascript
js/jquery解析json和数组格式的方法详解
Jan 09 Javascript
js仿支付宝填写支付密码效果实现多方框输入密码
Mar 09 Javascript
JavaScript生成带有缩进的表格代码
Jun 15 Javascript
react-native动态切换tab组件的方法
Jul 07 Javascript
JS打印彩色菱形的实例代码
Aug 15 Javascript
ES6的解构赋值实例详解
May 06 Javascript
解决ant Design中this.props.form.validateFields未执行的问题
Oct 27 Javascript
Js数组扁平化实现方法代码总汇
Nov 11 Javascript
JavaScript 异步时序问题
Nov 20 Javascript
jQuery实现的表头固定效果实例【附完整demo源码下载】
Aug 01 #Javascript
AngularJS基础 ng-if 指令用法
Aug 01 #Javascript
AngularJS控制器之间的数据共享及通信详解
Aug 01 #Javascript
BootstrapTable+KnockoutJS自定义T4模板快速生成增删改查页面
Aug 01 #Javascript
AngularJS基础 ng-href 指令用法
Aug 01 #Javascript
jQuery实现点击行选中或取消CheckBox的方法
Aug 01 #Javascript
AngularJS基础 ng-hide 指令用法及示例代码
Aug 01 #Javascript
You might like
zend Framework中的Layout(模块化得布局)详解
2013/06/28 PHP
PHP使用GIFEncoder类生成gif动态滚动字幕
2014/07/01 PHP
微信公众平台实现获取用户OpenID的方法
2015/04/15 PHP
详解WordPress中添加和执行动作的函数使用方法
2015/12/29 PHP
php组合排序简单实现方法
2016/10/15 PHP
php session的应用详细介绍
2017/03/22 PHP
thinkPHP5项目中实现QQ第三方登录功能
2017/10/20 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
Nigma vs Alliance BO5 第二场2.14
2021/03/10 DOTA
超强的IE背景图片闪烁(抖动)的解决办法
2007/09/09 Javascript
javascript的渐进增强与平稳退化浅谈
2013/11/12 Javascript
浅析JavaScript中的delete运算符
2013/11/30 Javascript
javascript将数字转换整数金额大写的方法
2015/01/27 Javascript
JavaScript中模拟实现jsonp
2015/06/19 Javascript
JS实现灵巧的下拉导航效果代码
2015/08/25 Javascript
JSON遍历方式实例总结
2015/12/07 Javascript
js前端实现图片懒加载(lazyload)的两种方式
2017/04/24 Javascript
jQuery为某个div加入行样式
2017/06/09 jQuery
JavaScript多种图形实现代码实例
2020/06/28 Javascript
Linux环境下MySQL-python安装过程分享
2015/02/02 Python
Python进阶-函数默认参数(详解)
2017/05/18 Python
在Django中URL正则表达式匹配的方法
2018/12/20 Python
python使用wxpy轻松实现微信防撤回的方法
2019/02/21 Python
详解python列表生成式和列表生成式器区别
2019/03/27 Python
Django REST框架创建一个简单的Api实例讲解
2019/11/05 Python
悦木之源美国官网:Origins美国
2016/08/01 全球购物
机电专业体育教师求职信
2013/09/21 职场文书
高中生期末评语
2014/01/28 职场文书
人事专员的岗位职责
2014/03/01 职场文书
基层党员公开承诺书
2014/05/29 职场文书
环保公益策划方案
2014/08/15 职场文书
先进事迹演讲稿
2014/09/01 职场文书
标枪加油稿
2015/07/22 职场文书
ztree+ajax实现文件树下载功能
2021/05/18 Javascript
用JS实现飞机大战小游戏
2021/06/09 Javascript
Go语言怎么使用变长参数函数
2022/07/15 Golang