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 相关文章推荐
asp.net和asp下ACCESS的参数化查询
Jun 11 Javascript
jquery maxlength使用说明
Sep 09 Javascript
window.showModalDialog()返回值的学习心得总结
Jan 07 Javascript
Jquery 实现table样式的设定
Jan 28 Javascript
浅谈jquery中的each方法$.each、this.each、$.fn.each
Jun 23 Javascript
JavaScript面试出现频繁的一些易错点整理
Mar 29 Javascript
JS实现的视频弹幕效果示例
Aug 17 Javascript
微信小程序云开发(数据库)详解
May 17 Javascript
layer.open 获取不到表单信息的解决方法
Sep 26 Javascript
javascript实现支付宝滑块验证码效果
Jul 24 Javascript
JavaScript实现简单验证码
Aug 24 Javascript
基于vue实现微博三方登录流程解析
Nov 04 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
ThinkPHP关联模型操作实例分析
2012/09/23 PHP
phpQuery让php处理html代码像jQuery一样方便
2015/01/06 PHP
PHP程序守护进程化实现方法详解
2020/07/16 PHP
JScript中使用ADODB.Stream判断文件编码的代码
2008/06/09 Javascript
jquery 简短几句代码实现给元素动态添加及获取提示信息
2011/09/01 Javascript
深入理解JavaScript中的传值与传引用
2013/12/09 Javascript
jQuery循环滚动新闻列表示例代码
2014/06/17 Javascript
cookie的secure属性详解
2015/04/08 Javascript
使用console进行性能测试
2015/04/27 Javascript
Angularjs2不同组件间的通信实例代码
2017/05/06 Javascript
vue watch自动检测数据变化实时渲染的方法
2018/01/16 Javascript
微信小程序导航栏跟随滑动效果的实现代码
2019/05/14 Javascript
webstorm建立vue-cli脚手架的傻瓜式教程
2020/09/22 Javascript
剖析Python的Tornado框架中session支持的实现代码
2015/08/21 Python
python实现对文件中图片生成带标签的txt文件方法
2018/04/27 Python
Windows下PyCharm安装图文教程
2018/08/27 Python
解决python 读取excel时 日期变成数字并加.0的问题
2019/10/08 Python
详解在python操作数据库中游标的使用方法
2019/11/12 Python
Mac中PyCharm配置Anaconda环境的方法
2020/03/04 Python
Python参数传递实现过程及原理详解
2020/05/14 Python
使用pycharm和pylint检查python代码规范操作
2020/06/09 Python
Python实现钉钉/企业微信自动打卡的示例代码
2021/02/02 Python
web页面录屏实现
2019/02/12 HTML / CSS
Canvas绘制浮动球效果的示例
2017/12/29 HTML / CSS
国际化的太阳镜及太阳镜配件零售商:Sunglass Hut
2016/07/26 全球购物
酒店中秋节促销方案
2014/01/30 职场文书
2014年大学生四年规划书范文
2014/04/03 职场文书
《泉水》教学反思
2014/04/11 职场文书
学校节能减排倡议书
2014/05/16 职场文书
尊老爱幼演讲稿
2014/09/04 职场文书
学生偷窃检讨书
2014/09/25 职场文书
撤诉书怎么写
2015/05/19 职场文书
如何写好闭幕词
2019/04/02 职场文书
Opencv中cv2.floodFill算法的使用
2021/06/18 Python
Python必备技巧之字符数据操作详解
2022/03/23 Python
python playwright之元素定位示例详解
2022/07/23 Python