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

hebedich

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

Javascript 相关文章推荐

JQuery.closest(),parent(),parents()寻找父结点

Feb 17 Javascript

AngularJS中$interval的用法详解

Feb 02 Javascript

jQuery实现摸拟alert提示框

May 22 Javascript

js 定义对象数组(结合)多维数组方法

Jul 27 Javascript

Javascript highcharts 饼图显示数量和百分比实例代码

Dec 06 Javascript

JS正则RegExp.test()使用注意事项(不具有重复性)

Dec 28 Javascript

vue开发调试神器vue-devtools使用详解

Jul 13 Javascript

Webpack 之 babel-loader文件预处理器详解

Mar 23 Javascript

React组件内事件传参实现tab切换的示例代码

Jul 04 Javascript

vue 点击按钮增加一行的方法

Sep 07 Javascript

小程序从手动埋点到自动埋点的实现方法

Jan 24 Javascript

使用TS来编写express服务器的方法步骤

Oct 29 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

用PHP调用数据库的存贮过程！

2006/10/09 PHP

[原创]PHP中通过ADODB库实现调用Access数据库之修正版本

2006/12/31 PHP

php导出word格式数据的代码实例

2013/11/25 PHP

Laravel框架学习笔记（二）项目实战之模型（Models）

2014/10/15 PHP

WordPress中给媒体文件添加分类和标签的PHP功能实现

2015/12/31 PHP

php使用ftp实现文件上传与下载功能

2017/07/21 PHP

PHP操作Redis常用命令的实例详解

2020/12/23 PHP

用cookies实现的可记忆的样式切换效果代码下载

2007/12/24 Javascript

理解JavaScript的caller,callee,call,apply

2009/04/28 Javascript

jQuery chili图片远处放大插件

2009/11/30 Javascript

javascript onmouseout 解决办法

2010/07/17 Javascript

jquery json 实例代码

2010/12/02 Javascript

对象无length属性时IE6/IE7中无法将其转换成伪数组(ArrayLike)

2011/07/31 Javascript

zepto.js中tap事件阻止冒泡的实现方法

2015/02/12 Javascript

Bootstrap CSS组件之大屏幕展播

2016/12/17 Javascript

Jquery Easyui选项卡组件Tab使用详解（10）

2016/12/18 Javascript

jquery实现全选、全不选以及单选功能

2017/03/23 jQuery

JS简单实现自定义右键菜单实例

2017/05/31 Javascript

vue中如何实现变量和字符串拼接

2017/06/19 Javascript

axios中cookie跨域及相关配置示例详解

2017/12/20 Javascript

详解JavaScript 为什么要有 Symbol 类型？

2019/04/03 Javascript

vue.js中ref及$refs的使用方法解析

2019/10/08 Javascript

vue项目出现页面空白的解决方案

2019/10/31 Javascript

python中使用sys模板和logging模块获取行号和函数名的方法

2014/04/15 Python

使用python实现男神女神颜值打分系统(推荐)

2019/10/31 Python

运行tensorflow python程序,限制对GPU和CPU的占用操作

2020/02/06 Python

对python中各个response的使用说明

2020/03/28 Python

Pytest测试框架基本使用方法详解

2020/11/25 Python

详解python的变量缓存机制

2021/01/24 Python

加拿大最大的相机店：Henry’s

2017/05/17 全球购物

以特惠价提供在线奢侈品购物：FRMODA.com

2018/01/25 全球购物

行政管理毕业生自荐信

2014/02/24 职场文书

技术经济专业求职信

2014/09/03 职场文书

公司向个人借款协议书范本

2014/10/09 职场文书

周恩来的四个昼夜观后感

2015/06/03 职场文书

webpack介绍使用配置教程详解webpack介绍和使用

2022/06/25 Javascript