编程 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 相关文章推荐

js下弹出窗口的变通

Apr 18 Javascript

prettify 代码高亮着色器google出品

Dec 28 Javascript

jQuery实现可收缩展开的级联菜单实例代码

Nov 27 Javascript

jQuery中:reset选择器用法实例

Jan 04 Javascript

js鼠标悬浮出现遮罩层的方法

Jan 28 Javascript

JS+Canvas 实现下雨下雪效果

May 18 Javascript

BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)

Aug 17 Javascript

ionic2 tabs使用 Modal底部tab弹出框

Dec 30 Javascript

详解Vue依赖收集引发的问题

Apr 22 Javascript

axios实现简单文件上传功能

Sep 25 Javascript

jQuery实现回到顶部效果

Oct 19 jQuery

JS实现页面炫酷的时钟特效示例

Aug 14 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 的异常处理程序

2014/06/22 PHP

php阳历转农历优化版

2016/08/08 PHP

php使用event扩展的io复用测试的示例

2020/10/20 PHP

window.js 主要包含了页面的一些操作

2009/12/23 Javascript

JavaScript函数获取事件源的小例子

2014/05/14 Javascript

使用delegate方法为一个tr标签加一个链接

2014/06/27 Javascript

js中split和replace的用法实例

2015/02/28 Javascript

用jquery获取自定义的标签属性的值简单实例

2016/09/17 Javascript

js 监控iframe URL的变化实例代码

2017/07/12 Javascript

vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例

2019/03/08 Javascript

ES6 新增的创建数组的方法(小结)

2019/08/01 Javascript

茶余饭后聊聊Vue3.0响应式数据那些事儿

2019/10/30 Javascript

Javascript Web Worker使用过程解析

2020/03/16 Javascript

微信小程序点击滚动到指定位置的实现

2020/05/22 Javascript

JS typeof fn === 'function' && fn()详解

2020/08/22 Javascript

react使用antd表单赋值,用于修改弹框的操作

2020/10/29 Javascript

[00:19]CN DOTA NEVER DIE！VG夺冠rOtK接受采访

2019/12/23 DOTA

python采集博客中上传的QQ截图文件

2014/07/18 Python

在pandas中一次性删除dataframe的多个列方法

2018/04/10 Python

python监控进程脚本

2018/04/12 Python

基于python-opencv3的图像显示和保存操作

2019/06/27 Python

python 字典 setdefault()和get()方法比较详解

2019/08/07 Python

基于pytorch padding=SAME的解决方式

2020/02/18 Python

python函数调用,循环,列表复制实例

2020/05/03 Python

外企C语言笔试题

2013/11/10 面试题

傲盾软件面试题

2015/08/17 面试题

Linux不知道文件后缀名怎么判断文件类型

2012/04/26 面试题

医药大学生求职简历的自我评价

2013/10/17 职场文书

迷你西餐厅创业计划书范文

2013/12/31 职场文书

领导四风问题整改措施思想汇报

2014/10/13 职场文书

实习指导教师评语

2014/12/30 职场文书

公司年会开场白

2015/06/01 职场文书

《小乌鸦爱妈妈》教学反思

2016/02/19 职场文书

Canvas三种动态画圆实现方法说明(小结)

2021/04/16 Javascript

Mysql事务索引知识汇总

2022/03/17 MySQL

react中useState使用:如何实现在当前表格直接更改数据

2022/08/05 Javascript