编程 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的IE和Firefox兼容性汇编

Jul 01 Javascript

两个select之间option的互相添加操作(jquery实现)

Nov 12 Javascript

jquery.validate使用攻略第一部

Jul 01 Javascript

Javascript中的isNaN函数使用说明

Nov 10 Javascript

jquery操作 iframe的方法

Dec 03 Javascript

js的window.showModalDialog及window.open用法实例分析

Jan 29 Javascript

浅谈javascript获取元素transform参数

Jul 24 Javascript

关于Node.js的events.EventEmitter用法介绍

Apr 01 Javascript

使用puppeteer破解极验的滑动验证码

Feb 24 Javascript

vue-cli配置全局sass、less变量的方法

Jun 06 Javascript

jquery中为什么能用$操作

Jun 18 jQuery

微信小程序接入腾讯地图的两种写法

Jan 12 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通过获取头信息判断图片类型的方法

2015/06/26 PHP

[原创]PHP实现逐行删除文件右侧空格的方法

2015/12/25 PHP

PHP在线书签系统分享

2016/01/04 PHP

表单(FORM)的一些实用效果代码

2007/03/25 Javascript

JQuery AJAX 中文乱码问题解决

2013/06/05 Javascript

jquery.fastLiveFilter.js实现输入自动过滤的方法

2015/08/11 Javascript

javascript判断网页是关闭还是刷新

2015/09/12 Javascript

jQuery弹层插件jquery.fancybox.js用法实例

2016/01/22 Javascript

JavaScript ES6中CLASS的使用详解

2016/11/22 Javascript

Javascript之深入浅出prototype

2017/02/06 Javascript

ES6中Math对象新增的方法实例详解

2017/04/25 Javascript

xmlplus组件设计系列之按钮（2）

2017/04/26 Javascript

Vue axios 中提交表单数据(含上传文件)

2017/07/06 Javascript

浅谈ajax在jquery中的请求和servlet中的响应

2018/01/22 jQuery

Vue的土著指令和自定义指令实例详解

2018/02/04 Javascript

详解如何使用webpack打包JS

2018/06/21 Javascript

在小程序中使用canvas的方法示例

2018/09/17 Javascript

js实现旋转的星空效果

2019/11/01 Javascript

通过实例解析JavaScript for in及for of区别

2020/06/15 Javascript

vue 解决无法对未定义的值,空值或基元值设置反应属性报错问题

2020/07/31 Javascript

[52:10]LGD vs Optic Supermajor小组赛D组胜者组决赛 BO3 第二场 6.3

2018/06/04 DOTA

Python的Twisted框架上手前所必须了解的异步编程思想

2016/05/25 Python

python并发编程多进程之守护进程原理解析

2019/08/20 Python

深入理解Tensorflow中的masking和padding

2020/02/24 Python

美国最大的珠宝商之一：Littman Jewelers

2016/11/13 全球购物

JBL澳大利亚官方商店：扬声器、耳机和音响系统

2018/05/24 全球购物

路德维希•贝克(LUDWIG BECK)中文官网：德国大型美妆百货

2020/09/19 全球购物

党支部承诺书范文

2014/03/28 职场文书

工伤赔偿协议书范本

2014/04/15 职场文书

高中生班主任评语

2014/04/25 职场文书

努力学习演讲稿

2014/05/10 职场文书

巴西世界杯32强口号

2014/06/05 职场文书

2014国庆节标语口号

2014/09/19 职场文书

副乡长群众路线教育实践活动个人对照检查材料

2014/09/19 职场文书

2014学校领导四风对照检查材料思想汇报

2014/09/23 职场文书

springboot中一些比较常用的注解总结

2021/06/11 Java/Android