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

showModalDialog 和 showModelessDialog

Jan 22 Javascript

jQuery之网页换肤实现代码

Apr 30 Javascript

jquery在IE、FF浏览器的差别详细探讨

Apr 28 Javascript

jQuery控制的不同方向的滑动(向左、向右滑动等)

Jul 18 Javascript

用js判断是否为360浏览器的实现代码

Jan 15 Javascript

AngularJS实现表单手动验证和表单自动验证

Dec 09 Javascript

jQuery prototype冲突的2种解决方法(附demo示例下载)

Jan 21 Javascript

简单实现bootstrap导航效果

Feb 07 Javascript

详解Vue2.0之去掉组件click事件的native修饰

Apr 20 Javascript

微信小程序实现顶部普通选项卡效果(非swiper)

Jun 19 Javascript

详解JavaScript 新语法之Class 的私有属性与私有方法

Apr 23 Javascript

vue制作抓娃娃机的示例代码

Apr 17 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设计模式注册表模式(多个类的注册)

2012/02/05 PHP

php daddslashes()和 saddslashes()有哪些区别分析

2012/10/26 PHP

php缩放图片(根据宽高的等比例缩放)实例介绍

2013/06/09 PHP

PHP的魔术常量__METHOD__简介

2014/07/08 PHP

Prototype使用指南之selector.js

2007/01/10 Javascript

该如何加载google-analytics(或其他第三方)的JS

2010/05/13 Javascript

表单类各种类型(文本框)失去焦点效果jquery代码

2013/04/26 Javascript

Javascript实现返回上一页面并刷新的小例子

2013/12/11 Javascript

JavaScript DOM节点添加示例

2014/07/16 Javascript

js使用循环清空某个div中的input标签值

2014/09/29 Javascript

javascript实现的简单的表单验证

2015/07/10 Javascript

js带前后翻页的图片切换效果代码分享

2015/09/08 Javascript

JavaScript实现显示函数调用堆栈的方法

2016/04/21 Javascript

原生javascript实现文件异步上传的实例讲解

2017/10/26 Javascript

webpack3之loader全解析

2017/10/26 Javascript

使用 Node.js 模拟滑动拼图验证码操作的示例代码

2017/11/02 Javascript

jquery ui 实现 tab标签功能示例【测试可用】

2019/07/25 jQuery

jQuery pager.js 插件动态分页功能实例分析

2019/08/02 jQuery

使用webpack搭建vue环境的教程详解

2019/12/31 Javascript

vue中实现点击空白区域关闭弹窗的两种方法

2020/12/30 Vue.js

[01:10:57]Liquid vs OG 2018国际邀请赛小组赛BO2 第一场 8.16

2018/08/17 DOTA

Python 实现王者荣耀中的敏感词过滤示例

2019/01/21 Python

python3+PyQt5 自定义窗口部件--使用窗口部件样式表的方法

2019/06/26 Python

Python定时发送天气预报邮件代码实例

2019/09/09 Python

如何利用Python开发一个简单的猜数字游戏

2019/09/22 Python

python实现广度优先搜索过程解析

2019/10/19 Python

IronPython连接MySQL的方法步骤

2019/12/27 Python

解决Python spyder显示不全df列和行的问题

2020/04/20 Python

CSS3属性选择符介绍

2008/10/17 HTML / CSS

检测浏览器是否支持html5视频的代码

2013/03/28 HTML / CSS

个人实用简单的自我评价

2013/10/19 职场文书

主办会计岗位职责

2014/03/13 职场文书

跳蚤市场口号

2014/06/13 职场文书

投诉信回复范文

2015/07/03 职场文书

公司致全体员工的感谢信

2019/06/24 职场文书

nginx网站服务如何配置防盗链(推荐)

2021/03/31 Servers