编程 Javascript

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 属性的值可以是一个表达式，返回一个文件名。

默认情况下，包含的文件需要包含在同一个域名下。

语法

ng-include 指令作为元素使用:

<ng-include src="filename" onload="expression" autoscroll="expression" ></ng-include>

所有的 HTML 元素都支持该指令。

参数值

值	描述
filename	文件名，可以使用表达式来返回文件名。
onload	可选，文件载入后执行的表达式。
autoscroll	可选，包含的部分是否在指定视图上可滚动。

以上就是对AngularJS ng-include指令的知识整理，后续继续补充。

AngularJS基础 ng-include 指令示例讲解

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery 圆形旋转图片滚动切换效果

Jan 19 Javascript

jQuery如何取id有.的值一般的方法是取不到的

Apr 18 Javascript

JQuery给元素绑定click事件多次执行的解决方法

May 29 Javascript

学习Bootstrap滚动监听附调用方法

Jul 02 Javascript

jQuery实现的自定义滚动条实例详解

Sep 20 Javascript

js date 格式化

Feb 15 Javascript

纯js的右下角弹窗实例

Mar 12 Javascript

Vue源码学习之初始化模块init.js解析

Nov 02 Javascript

react 实现页面代码分割、按需加载的方法

Apr 03 Javascript

js中apply()和call()的区别与用法实例分析

Aug 14 Javascript

修改layui的后台模板的左侧导航栏可以伸缩的方法

Sep 10 Javascript

jquery 插件重新绑定的处理方法分析

Nov 23 jQuery

基于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学习之数组值的操作

2011/04/17 PHP

QQ登录 PHP OAuth示例代码

2011/07/20 PHP

PHP图像处理之使用imagecolorallocate()函数设置颜色例子

2014/11/19 PHP

PHP使用PHPexcel导入导出数据的方法

2015/11/14 PHP

详谈php ip2long 出现负数的原因及解决方法

2017/04/05 PHP

PHP操作redis实现的分页列表，新增，删除功能封装类与用法示例

2018/08/04 PHP

Gambit vs CL BO3 第三场 2.13

2021/03/10 DOTA

JS中typeof与instanceof之间的区别总结

2013/11/14 Javascript

javascript得到当前页的来路即前一页地址的方法

2014/02/18 Javascript

js实现拖拽效果

2015/02/12 Javascript

JS实现弹性漂浮效果的广告代码

2015/09/02 Javascript

利用Angularjs和原生JS分别实现动态效果的输入框

2016/09/01 Javascript

ES6中Iterator与for..of..遍历用法分析

2017/03/31 Javascript

快速将Vue项目升级到webpack3的方法步骤

2017/09/14 Javascript

vue中路由验证和相应拦截的使用详解

2017/12/13 Javascript

Vuejs开发环境搭建及热更新【推荐】

2018/09/07 Javascript

vue+elementUi图片上传组件使用详解

2019/08/20 Javascript

纯 JS 实现放大缩小拖拽功能(完整代码)

2019/11/25 Javascript

python 实现堆排序算法代码

2012/06/05 Python

使用python实现baidu hi自动登录的代码

2013/02/10 Python

Python中模拟enum枚举类型的5种方法分享

2014/11/22 Python

python 中的int()函数怎么用

2017/10/17 Python

Python清空文件并替换内容的实例

2018/10/22 Python

Python 元组操作总结

2019/09/18 Python

Python脚本实现Zabbix多行日志监控过程解析

2020/08/26 Python

使用CSS3制作版头动画效果

2020/12/24 HTML / CSS

英国排名第一的宠物店：PetPlanet

2020/02/02 全球购物

医生进修自我鉴定

2014/01/19 职场文书

物理系毕业生自荐书范文

2014/02/22 职场文书

租房合同协议书

2014/04/09 职场文书

公司委托书范本5篇

2014/09/20 职场文书

三行辞职书范文

2015/02/26 职场文书

美容院管理规章制度

2015/08/05 职场文书

为什么mysql字段要使用NOT NULL

2021/05/13 MySQL

Python爬虫中urllib3与urllib的区别是什么

2021/07/21 Python

Python采集爬取京东商品信息和评论并存入MySQL

2022/04/12 Python