编程 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实现复选框全选，反选，全不选等功能

Oct 16 Javascript

JS中使用变量保存arguments对象的方法

Jun 03 Javascript

JavaScript中获取HTML元素值的三种方法

Jun 20 Javascript

KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法

Oct 05 Javascript

jQuery动态移除和添加背景图片的方法详解

Mar 07 Javascript

bootstrap响应式表格实例详解

May 15 Javascript

关于vue的语法规则检测报错问题的解决

May 21 Javascript

angular6.x中ngTemplateOutlet指令的使用示例

Aug 09 Javascript

JS实现点击li标签弹出对应的索引功能【案例】

Feb 18 Javascript

vue router 通过路由来实现切换头部标题功能

Apr 24 Javascript

详解nuxt 微信公众号支付遇到的问题与解决

Aug 26 Javascript

原生小程序封装跑马灯效果

Oct 21 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程序员的13个好习惯小结

2012/02/20 PHP

PHP处理二进制数据的实现方法

2016/06/13 PHP

PHP实现带进度条的Ajax文件上传功能示例

2019/07/02 PHP

js的闭包的一个示例说明

2008/11/18 Javascript

firefox事件处理之自动查找event的函数（用于onclick=foo()）

2010/08/05 Javascript

JavaScript学习笔记（一） js基本语法

2011/10/25 Javascript

jquery ajax属性async(同步异步)示例

2013/11/05 Javascript

创建js对象和js类的方法汇总

2014/12/24 Javascript

JSON字符串和对象相互转换实例分析

2016/06/16 Javascript

JS仿京东移动端手指拨动切换轮播图效果

2020/04/10 Javascript

Vue.js中用v-bind绑定class的注意事项

2016/12/13 Javascript

微信小程序车牌号码模拟键盘输入功能的实现代码

2018/11/11 Javascript

Three.js中矩阵和向量的使用教程

2019/03/19 Javascript

vue在自定义组件中使用v-model进行数据绑定的方法

2019/03/25 Javascript

详解Vue+Element的动态表单，动态表格（后端发送配置，前端动态生成）

2019/04/20 Javascript

详解vue2.0模拟后台json数据

2019/05/16 Javascript

Vue拖拽组件列表实现动态页面配置功能

2019/06/17 Javascript

Bootstrap table 服务器端分页功能实现方法示例

2020/06/01 Javascript

Python的Flask框架中web表单的教程

2015/04/20 Python

python 中的int()函数怎么用

2017/10/17 Python

详解Python异常处理中的Finally else的功能

2017/12/29 Python

python设置值及NaN值处理方法

2018/07/03 Python

Python异常处理操作实例详解

2018/08/28 Python

python将字符串以utf-8格式保存在txt文件中的方法

2018/10/30 Python

Python使用sklearn实现的各种回归算法示例

2019/07/04 Python

python元组的概念知识点

2019/11/19 Python

python实现梯度下降和逻辑回归

2020/03/24 Python

Python二元算术运算常用方法解析

2020/09/15 Python

详解CSS3中字体平滑处理和抗锯齿渲染

2017/03/29 HTML / CSS

HTML5仿手机微信聊天界面

2016/03/18 HTML / CSS

英国排名第一的LED灯泡网站：LED Bulbs

2019/09/03 全球购物

德国排名第一的主题公园门票网站：Attraction Tickets Direct

2019/09/09 全球购物

民族团结先进集体事迹材料

2014/05/22 职场文书

党员个人对照检查材料

2014/10/01 职场文书

Python正则表达式中flags参数的实例详解

2022/04/01 Python

【海涛DOTA】D-cup邀请赛NV.cn vs DT.Love

2022/04/01 DOTA