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

javascript学习笔记(七) js函数介绍

Jun 19 Javascript

JS特权方法定义作用以及与公有方法的区别

Mar 18 Javascript

玩转方法:call和apply

May 08 Javascript

avalon js实现仿微博拖动图片排序

Aug 14 Javascript

限制复选框最多选择项的实现代码

May 30 Javascript

jQuery实现点击任意位置弹出层外关闭弹出层效果

Oct 19 Javascript

vue.js学习之递归组件

Dec 13 Javascript

jQuery中复合选择器简单用法示例

Mar 31 jQuery

微信小程序wx.uploadfile 本地文件转base64的实现代码

Jun 28 Javascript

VUE2.0+ElementUI2.0表格el-table实现表头扩展el-tooltip

Nov 30 Javascript

JavaScript设计模式之享元模式实例详解

Jan 17 Javascript

简单谈谈javascript高级特性

Sep 04 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

Ajax+PHP 边学边练之四表单

2009/11/27 PHP

php中mt_rand()随机数函数用法

2014/11/24 PHP

PHP常见数组排序方法小结

2018/08/20 PHP

jquery Firefox3.5中操作select的问题

2009/07/10 Javascript

JavaScript高级程序设计学习笔记 js高级技巧

2011/09/20 Javascript

地址栏传递中文参数乱码在js里用escape转码

2013/08/28 Javascript

利用CSS、JavaScript及Ajax实现高效的图片预加载

2013/10/16 Javascript

js与jquery获取父元素,删除子元素的两种不同方法

2014/01/09 Javascript

在Node.js中实现文件复制的方法和实例

2014/06/05 Javascript

JavaScript检查子字符串是否在字符串中的方法

2016/02/03 Javascript

jQuery实现只允许输入数字和小数点的方法

2016/03/02 Javascript

jQuery操作iframe中js函数的方法小结

2016/07/06 Javascript

jQuery实现鼠标经过购物车出现下拉框代码(推荐)

2016/07/21 Javascript

canvas实现图像布局填充功能

2017/02/06 Javascript

vsCode安装使用教程和插件安装方法

2020/08/24 Javascript

JavaScript数组、json对象、eval()函数用法实例分析

2019/02/21 Javascript

微信小程序select下拉框实现源码

2019/11/08 Javascript

Vue.js中的高级面试题及答案

2020/01/13 Javascript

ES6 proxy和reflect的使用方法与应用实例分析

2020/02/15 Javascript

[04:03]辉夜杯主赛事 12月25日RECAP精彩回顾

2015/12/26 DOTA

[01:12:27]EG vs Secret 2018国际邀请赛淘汰赛BO3 第二场 8.22

2018/08/23 DOTA

Python脚本实现虾米网签到功能

2016/04/12 Python

python+opencv 读取文件夹下的所有图像并批量保存ROI的方法

2019/01/10 Python

自学python的建议和周期预算

2019/01/30 Python

解决Django连接db遇到的问题

2019/08/29 Python

Python爬虫之Spider类用法简单介绍

2020/08/04 Python

实例代码讲解Python 线程池

2020/08/24 Python

美国综合购物商城：UnbeatableSale.com

2018/11/28 全球购物

VLAN和VPN有什么区别？分别实现在OSI的第几层？

2014/12/23 面试题

Overload和Override的区别

2012/09/02 面试题

校园绿化美化方案

2014/06/08 职场文书

赔偿协议书范本

2014/09/12 职场文书

教师“一帮一”结对子活动总结

2015/05/07 职场文书

2015企业年终工作总结范文

2015/05/27 职场文书

致运动员的广播稿

2015/08/19 职场文书

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

2016/02/19 职场文书