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 parentElement和offsetParent之间的区别
Mar 23 Javascript
JS 文件大小判断的实现代码
Apr 07 Javascript
Document对象内容集合(比较全)
Sep 06 Javascript
加速IE的Javascript document输出的方法
Dec 02 Javascript
代码获取历史上的今天发生的事
Apr 11 Javascript
JavaScript中几种排序算法的简单实现
Jul 29 Javascript
原生JavaScript实现滚动条效果
Mar 24 Javascript
使用BootStrap实现悬浮窗口的效果
Dec 13 Javascript
Javascript基础回顾之(三) js面向对象
Jan 31 Javascript
Canvas + JavaScript 制作图片粒子效果
Feb 08 Javascript
vue 实现全选全不选的示例代码
Mar 29 Javascript
vue脚手架搭建项目的兼容性配置详解
Jul 17 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
str_replace只替换一次字符串的方法
2013/04/09 PHP
php引用传值实例详解学习
2013/11/06 PHP
EasySlider 基于jQuery功能强大简单易用的滑动门插件
2010/06/11 Javascript
jquery 3D球状导航的文章分类
2010/07/06 Javascript
快速排序 php与javascript的不同之处
2011/02/22 Javascript
jQuery Validate 验证,校验规则写在控件中的具体实例
2014/02/27 Javascript
javascript操作符&quot;!~&quot;详解
2015/02/10 Javascript
原生JavaScript编写俄罗斯方块
2015/03/30 Javascript
jquery实现简单合拢与展开网页面板的方法
2015/09/01 Javascript
常常会用到的截取字符串substr()、substring()、slice()方法详解
2015/12/16 Javascript
JavaScript的设计模式经典之建造者模式
2016/02/24 Javascript
bootstrap选项卡扩展功能详解
2017/06/14 Javascript
select自定义小三角样式代码(实用总结)
2017/08/18 Javascript
JavaScript实现精美个性导航栏筋斗云效果
2017/10/29 Javascript
jQuery实现的简单图片轮播效果完整示例
2018/02/08 jQuery
javascript深拷贝、浅拷贝和循环引用深入理解
2018/05/27 Javascript
浅谈vue 单文件探索
2018/09/05 Javascript
node.js使用redis储存session的方法
2018/09/26 Javascript
vue 动态组件(component :is) 和 dom元素限制(is)用法说明
2020/09/04 Javascript
python使用os模块的os.walk遍历文件夹示例
2014/01/27 Python
Python简单网络编程示例【客户端与服务端】
2017/05/26 Python
python实现简单淘宝秒杀功能
2018/05/03 Python
使用Scrapy爬取动态数据
2018/10/21 Python
jupyter 实现notebook中显示完整的行和列
2020/04/09 Python
Python小白学习爬虫常用请求报头
2020/06/03 Python
用 python 进行微信好友信息分析
2020/11/28 Python
利用python绘制正态分布曲线
2021/01/04 Python
HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用
2013/01/30 HTML / CSS
Java里面如何创建一个内部类的实例
2015/01/19 面试题
公司出纳岗位职责
2013/12/07 职场文书
大学生学习自我评价
2014/01/13 职场文书
婚礼证婚人证婚词
2014/01/13 职场文书
物流管理系毕业生求职信
2014/06/03 职场文书
2015年幼师工作总结
2015/04/28 职场文书
旅行社计调工作总结
2015/08/12 职场文书
浅谈sql_@SelectProvider及使用注意说明
2021/08/04 Java/Android