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

基于jQuery的360图片展示实现代码

Jun 14 Javascript

HTML5+setCutomValidity()函数验证表单实例分享

Apr 24 Javascript

Javascript基础学习笔记(菜鸟必看篇)

Jul 22 Javascript

AngularJS ng-bind-html 指令详解及实例代码

Jul 30 Javascript

xmlplus组件设计系列之分隔框（DividedBox)（8）

May 02 Javascript

使用jQuery实现鼠标点击左右按钮滑动切换

Aug 04 jQuery

使用jQuery 操作table 完成单元格合并的实例

Dec 27 jQuery

Vue2.5通过json文件读取数据的方法

Feb 27 Javascript

详解Vue源码学习之双向绑定

Apr 10 Javascript

webpack 处理CSS资源的实现

Sep 27 Javascript

JS window对象简单操作完整示例

Jan 14 Javascript

详细分析vue响应式原理

Jun 22 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

pw的一个放后门的方法分析

2007/10/08 PHP

php中批量替换文件名的实现代码

2011/07/20 PHP

php如何调用webservice应用介绍

2012/11/24 PHP

phpphp图片采集后按原路径保存图片示例

2014/02/18 PHP

python进程与线程小结实例分析

2018/11/11 PHP

[原创]IE view-source 无法查看看源码 JavaScript看网页源码

2009/07/19 Javascript

jquery isEmptyObject判断是否为空对象的函数

2011/02/14 Javascript

使用jQuery异步加载 JavaScript脚本解决方案

2014/04/20 Javascript

ExtJS4如何给同一个formpanel不同的url

2014/05/02 Javascript

js实现的点击数量加一可操作数据库

2014/05/09 Javascript

基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码

2014/05/11 Javascript

javascript将数字转换整数金额大写的方法

2015/01/27 Javascript

jQuery遍历页面所有CheckBox查看是否被选中的方法

2015/04/14 Javascript

分享jQuery网页元素拖拽插件

2020/12/01 Javascript

大型JavaScript应用程序架构设计模式

2016/06/29 Javascript

js实现淡入淡出轮播切换功能

2017/01/13 Javascript

jQuery实现的简单悬浮层功能完整实例

2017/01/23 Javascript

node.js学习之事件模块Events的使用示例

2017/09/28 Javascript

利用JS判断客户端类型你应该知道的四种方法

2017/12/22 Javascript

Vue实现日历小插件

2019/06/26 Javascript

JS实现简单的表格增删

2020/01/16 Javascript

Vue的v-model的几种修饰符.lazy,.number和.trim的用法说明

2020/08/05 Javascript

vue2和vue3的v-if与v-for优先级对比学习

2020/10/10 Javascript

为什么黑客都用python(123个黑客必备的Python工具)

2020/01/31 Python

python实现微信打飞机游戏

2020/03/24 Python

Django之choices选项和富文本编辑器的使用详解

2020/04/01 Python

django的403/404/500错误自定义页面的配置方式

2020/05/21 Python

国际鲜花速递专家：Floraqueen

2016/11/24 全球购物

支票、地址标签、包装纸和慰问卡：Current Catalog

2018/01/30 全球购物

莫斯科隐形眼镜网上商店：Linzi

2019/07/22 全球购物

＂序列点＂是什么

2016/07/29 面试题

汽车转让协议书范本

2014/12/07 职场文书

先进个人事迹材料

2014/12/29 职场文书

成品仓管员岗位职责

2015/04/01 职场文书

会议室使用管理制度

2015/08/06 职场文书

《穷人》教学反思

2016/02/19 职场文书