编程 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获取网页高度(详细整理)

Dec 28 Javascript

动态的创建一个元素createElement及删除一个元素

Jan 24 Javascript

javascript内置对象arguments详解

Mar 16 Javascript

node.js中的url.format方法使用说明

Dec 10 Javascript

transport.js和jquery冲突问题的解决方法

Feb 10 Javascript

在WordPress中加入Google搜索功能的简单步骤讲解

Jan 04 Javascript

js控制div层的叠加简单方法

Oct 15 Javascript

json数据处理及数据绑定

Jan 25 Javascript

Javascript操作dom对象之select全面解析

Apr 24 Javascript

AngularJS中的promise用法分析

May 19 Javascript

如何利用ES6进行Promise封装总结

Feb 11 Javascript

vue项目或网页上实现文字转换成语音播放功能

Jun 09 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侧拉菜单漂亮，可以向右或者向左展开，支持FF，IE

2009/10/15 PHP

写php分页时出现的Fatal error的解决方法

2011/04/18 PHP

解析PHP中$_FILES的使用以及注意事项

2013/07/05 PHP

fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法

2009/10/20 Javascript

jquery实现table鼠标经过变色代码

2013/09/25 Javascript

js操作输入框提示信息且响应鼠标事件

2014/03/25 Javascript

js去除输入框中所有的空格和禁止输入空格的方法

2014/06/09 Javascript

JavaScript立即执行函数的三种不同写法

2014/09/05 Javascript

JQuery表单验证插件EasyValidator用法分析

2014/11/15 Javascript

javascript实现切换td中的值

2014/12/05 Javascript

《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库

2015/01/09 Javascript

jquery渐隐渐显的图片幻灯闪烁切换实现方法

2015/02/26 Javascript

javascript实现炫酷的拖动分页

2015/05/11 Javascript

jQuery实现动画效果circle实例

2015/08/06 Javascript

JavaScript实现多栏目切换效果

2016/12/12 Javascript

bootstrap table单元格新增行并编辑

2017/05/19 Javascript

JS实现导出Excel的五种方法详解【附源码下载】

2018/03/15 Javascript

JavaScript函数的4种调用方法实例分析

2019/03/05 Javascript

JavaScript判断对象和数组的两种方法

2019/05/31 Javascript

layui默认选中table的CheckBox复选框方法

2019/09/19 Javascript

详解Vue后台管理系统开发日常总结(组件PageHeader)

2019/11/01 Javascript

使用vue打包进行云服务器上传的问题

2020/03/02 Javascript

jQuery实现动态加载瀑布流

2020/09/01 jQuery

[16:43]Heroes19_剃刀(完美)

2014/10/31 DOTA

python 统计代码行数简单实例

2017/05/04 Python

Python 实现字符串中指定位置插入一个字符

2018/05/02 Python

Python getsizeof()和getsize()区分详解

2020/11/20 Python

CSS3 二级导航菜单的制作的示例

2018/04/02 HTML / CSS

澳大利亚设计师服装在线：MISHA

2019/10/07 全球购物

有影响力的人、名人和艺术家的官方商品：Represent

2019/11/26 全球购物

儿子婚宴答谢词

2014/01/09 职场文书

美容院考勤制度

2014/01/30 职场文书

办理房产证委托书

2014/09/18 职场文书

Python re.sub 反向引用的实现

2021/07/07 Python

代码复现python目标检测yolo3详解预测

2022/05/06 Python

python解析照片拍摄时间进行图片整理

2022/07/23 Python