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框架myJSFrame附API使用帮助
Jun 28 Javascript
js类中的公有变量和私有变量
Jul 24 Javascript
jquery通过closest选择器修改上级元素的方法
Mar 17 Javascript
jquery实现的Accordion折叠面板效果代码
Sep 02 Javascript
详解JavaScript的闭包、IIFE、apply、函数与对象
Dec 21 Javascript
JS实现的系统调色板完整实例
Dec 21 Javascript
基于jQuery实现瀑布流页面
Apr 11 jQuery
JS 组件系列之 bootstrap treegrid 组件封装过程
Apr 28 Javascript
vue.js 左侧二级菜单显示与隐藏切换的实例代码
May 23 Javascript
浅谈webpack编译vue项目生成的代码探索
Dec 11 Javascript
vue短信验证性能优化如何写入localstorage中
Apr 25 Javascript
js实现简单掷骰子小游戏
Oct 24 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实现生成唯一编号(36进制的不重复编号)
2014/07/01 PHP
百度地图API使用方法详解
2015/08/25 PHP
Yii2验证器(Validator)用法分析
2016/07/23 PHP
详谈php ip2long 出现负数的原因及解决方法
2017/04/05 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
2020/02/22 PHP
excel操作之Add Data to a Spreadsheet Cell
2007/06/12 Javascript
javascript中的关于类型转换的性能优化
2010/12/14 Javascript
jQuery学习笔记 操作jQuery对象 文档处理
2012/09/19 Javascript
jquery getScript动态加载JS方法改进详解
2012/11/15 Javascript
CascadeView级联组件实现思路详解(分离思想和单链表)
2016/04/12 Javascript
Bootstrap实现input控件失去焦点时验证
2016/08/04 Javascript
js实现无缝循环滚动
2020/06/23 Javascript
关于JS Lodop打印插件打印Bootstrap样式错乱问题的解决方案
2016/12/23 Javascript
详解nodejs微信公众号开发——4.自动回复各种消息
2017/04/11 NodeJs
jQuery.form.js的使用详解
2017/06/14 jQuery
JSON创建键值对(key是中文或者数字)方式详解
2017/08/24 Javascript
JS实现合并json对象的方法
2017/10/10 Javascript
微信小程序五子棋游戏AI实现方法【附demo源码下载】
2019/02/20 Javascript
vue 翻页组件vue-flip-page效果
2020/02/05 Javascript
Python中的Matplotlib模块入门教程
2015/04/15 Python
Python修改MP3文件的方法
2015/06/15 Python
python实现mysql的单引号字符串过滤方法
2015/11/14 Python
深入理解python中的select模块
2017/04/23 Python
python如何统计序列中元素
2020/07/31 Python
Python打开文件,将list、numpy数组内容写入txt文件中的方法
2018/10/26 Python
numpy基础教程之np.linalg
2019/02/12 Python
python爬虫爬取监控教务系统的思路详解
2020/01/08 Python
意大利比基尼品牌:MISS BIKINI
2019/11/02 全球购物
毕业设计计划书
2014/01/09 职场文书
社会实践感言
2014/01/25 职场文书
小学见习报告
2014/10/31 职场文书
机关单位工作失职检讨书
2014/11/20 职场文书
事业单位考察材料范文
2014/12/25 职场文书
2016民族团结先进个人事迹材料
2016/02/26 职场文书
高中英语教学反思范文
2016/03/02 职场文书
python工具dtreeviz决策树可视化和模型可解释性
2022/03/03 Python