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入门·对象属性方法大总结
Oct 01 Javascript
一个简单的javascript类定义例子
Sep 12 Javascript
javascript检测两个数组是否相似
May 19 Javascript
详述JavaScript实现继承的几种方式(推荐)
Mar 22 Javascript
Angularjs自定义指令Directive详解
May 27 Javascript
详解node.js中的npm和webpack配置方法
Jan 21 Javascript
vue.js实现点击后动态添加class及删除同级class的实现代码
Apr 04 Javascript
JS实现求字符串中出现最多次数的字符和次数示例
Jul 05 Javascript
2019年度web前端面试题总结(主要为Vue面试题)
Jan 12 Javascript
JavaScript实现拖拽效果
Mar 16 Javascript
理解JavaScript中的对象
Aug 25 Javascript
详解vue3.0 的 Composition API 的一种使用方法
Oct 26 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
DOTA2 1月28日更新:监管系统降临刀塔世界
2021/01/28 DOTA
一个程序下载的管理程序(四)
2006/10/09 PHP
PHP学习笔记之二
2011/01/17 PHP
php图片的裁剪与缩放生成符合需求的缩略图
2013/01/11 PHP
codeigniter中view通过循环显示数组数据的方法
2015/03/20 PHP
PHP获取表单数据与HTML嵌入PHP脚本的实现
2017/02/09 PHP
PHP删除字符串中非字母数字字符方法总结
2019/01/20 PHP
jquerymobile checkbox及时刷新才能获取其准确值
2012/04/14 Javascript
使用jQuery解决IE与FireFox下createElement方法的差异
2013/11/14 Javascript
JavaScript中操作Mysql数据库实例
2015/04/02 Javascript
简介可以自动完成UI的AngularJS工具angular-smarty
2015/06/23 Javascript
使用控制台破解百小度一个月只准改一次名字
2015/08/13 Javascript
JS实现的简单鼠标跟随DiV层效果完整实例
2015/10/31 Javascript
javascript数据类型详解
2017/02/07 Javascript
浅谈jQuery框架Ajax常用选项
2017/07/08 jQuery
Vue 中mixin 的用法详解
2018/04/23 Javascript
基于layui数据表格以及传数据的方式
2018/08/19 Javascript
微信小程序使用component自定义toast弹窗效果
2018/11/27 Javascript
微信小程序接入腾讯云验证码的方法步骤
2020/01/07 Javascript
python解析json实例方法
2013/11/19 Python
从零学python系列之浅谈pickle模块封装和拆封数据对象的方法
2014/05/23 Python
对numpy的array和python中自带的list之间相互转化详解
2018/04/13 Python
Django添加KindEditor富文本编辑器的使用
2018/10/24 Python
浅谈python requests 的put, post 请求参数的问题
2019/01/02 Python
使用Python在Windows下获取USB PID&amp;VID的方法
2019/07/02 Python
Python 3 实现定义跨模块的全局变量和使用教程
2019/07/07 Python
pytorch 中pad函数toch.nn.functional.pad()的用法
2020/01/08 Python
Python3 元组tuple入门基础
2020/02/09 Python
Python实现加密接口测试方法步骤详解
2020/06/05 Python
毕业自荐信
2013/12/16 职场文书
一年级学生评语
2014/04/23 职场文书
七一建党日演讲稿
2014/09/05 职场文书
给领导敬酒词
2015/08/12 职场文书
2015年教师党员个人总结
2015/11/24 职场文书
Python一行代码实现自动发邮件功能
2021/05/30 Python
MySQL 条件查询的常用操作
2022/04/28 MySQL