编程 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 13 Javascript

jQuery之浮动窗口实现代码(两种方法)

Sep 08 Javascript

js创建一个input数组并绑定click事件的方法

Jun 12 Javascript

jQuery 复合选择器应用的几个例子

Sep 11 Javascript

Node.js和MongoDB实现简单日志分析系统

Apr 25 Javascript

教你JS中的运算符乘方、开方及变量格式转换

Aug 09 Javascript

Javascript实现倒计时时差效果

May 18 Javascript

node.js中grunt和gulp的区别详解

Jul 17 Javascript

详解vue-router 命名路由和命名视图

Jun 01 Javascript

微信小程序scroll-view仿拼多多横向滑动滚动条

Apr 21 Javascript

axios使用拦截器统一处理所有的http请求的方法

Nov 02 Javascript

微信小程序搜索功能(附：小程序前端+PHP后端)

Feb 28 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 数组和字符串互相转换实现方法

2013/03/26 PHP

php实现的中文分词类完整实例

2017/02/06 PHP

laravel5 Eloquent 实现事务方式

2019/10/21 PHP

php实现微信和支付宝支付的示例代码

2020/08/11 PHP

js window.onload 加载多个函数的方法

2009/11/02 Javascript

轻轻松松学JS调试（不下载任何工具）

2010/04/14 Javascript

IE与FireFox中的childNodes区别

2011/10/20 Javascript

js日期相关函数总结分享

2013/10/15 Javascript

引入autocomplete组件时JS报未结束字符串常量错误

2014/03/19 Javascript

jquery中页面Ajax方法$.load的功能使用介绍

2014/10/20 Javascript

JavaScript实现找质数代码分享

2015/03/24 Javascript

jquery.mousewheel实现整屏翻屏效果

2015/08/30 Javascript

JavaScript原型及原型链终极详解

2016/01/04 Javascript

详细谈谈AngularJS的子级作用域问题

2016/09/05 Javascript

canvas实现图像布局填充功能

2017/02/06 Javascript

JavaScript错误处理和堆栈追踪详解

2017/04/18 Javascript

Node接收电子邮件的实例代码

2017/07/21 Javascript

浅谈Node.js ORM框架Sequlize之表间关系

2017/07/24 Javascript

关于angularJs清除浏览器缓存的方法

2017/11/28 Javascript

js实现关闭网页出现是否离开提示

2017/12/07 Javascript

使用gulp构建前端自动化的方法示例

2018/12/25 Javascript

详解vue 不同环境配置不同的打包命令

2019/04/07 Javascript

微信小程序中使用echarts的实现方法

2019/04/24 Javascript

js获取浏览器地址（获取第1个斜杠后的内容）

2019/09/03 Javascript

antd Form组件方法getFieldsValue获取自定义组件的值操作

2020/10/29 Javascript

Python的爬虫包Beautiful Soup中用正则表达式来搜索

2016/01/20 Python

Python heapq使用详解及实例代码

2017/01/25 Python

Python实现多线程抓取网页功能实例详解

2017/06/08 Python

python爬取各类文档方法归类汇总

2018/03/22 Python

Python在for循环中更改list值的方法【推荐】

2018/08/17 Python

详解Python使用Plotly绘图工具，绘制甘特图

2019/04/02 Python

sklearn和keras的数据切分与交叉验证的实例详解

2020/06/19 Python

深入浅析pycharm中 Make available to all projects的含义

2020/09/15 Python

Myprotein中国网站：欧洲畅销运动营养品牌

2021/02/11 全球购物

共产党员承诺书

2014/03/25 职场文书

求职意向书范文

2014/04/01 职场文书