编程 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 -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript入门·对象属性方法大总结

Oct 01 Javascript

一个简单的javascript类定义例子

Sep 12 Javascript

javascript检测两个数组是否相似

May 19 Javascript

详述JavaScript实现继承的几种方式(推荐)

Mar 22 Javascript

Angularjs自定义指令Directive详解

May 27 Javascript

详解node.js中的npm和webpack配置方法

Jan 21 Javascript

vue.js实现点击后动态添加class及删除同级class的实现代码

Apr 04 Javascript

JS实现求字符串中出现最多次数的字符和次数示例

Jul 05 Javascript

2019年度web前端面试题总结(主要为Vue面试题)

Jan 12 Javascript

JavaScript实现拖拽效果

Mar 16 Javascript

理解JavaScript中的对象

Aug 25 Javascript

详解vue3.0 的 Composition API 的一种使用方法

Oct 26 Javascript

jQuery实现的表头固定效果实例【附完整demo源码下载】

Aug 01 #Javascript

AngularJS基础 ng-if 指令用法

Aug 01 #Javascript

AngularJS控制器之间的数据共享及通信详解

Aug 01 #Javascript

BootstrapTable+KnockoutJS自定义T4模板快速生成增删改查页面

Aug 01 #Javascript

AngularJS基础 ng-href 指令用法

Aug 01 #Javascript

jQuery实现点击行选中或取消CheckBox的方法

Aug 01 #Javascript

AngularJS基础 ng-hide 指令用法及示例代码

Aug 01 #Javascript

You might like

DOTA2 1月28日更新：监管系统降临刀塔世界

2021/01/28 DOTA

一个程序下载的管理程序(四)

2006/10/09 PHP

PHP学习笔记之二

2011/01/17 PHP

php图片的裁剪与缩放生成符合需求的缩略图

2013/01/11 PHP

codeigniter中view通过循环显示数组数据的方法

2015/03/20 PHP

PHP获取表单数据与HTML嵌入PHP脚本的实现

2017/02/09 PHP

PHP删除字符串中非字母数字字符方法总结

2019/01/20 PHP

jquerymobile checkbox及时刷新才能获取其准确值

2012/04/14 Javascript

使用jQuery解决IE与FireFox下createElement方法的差异

2013/11/14 Javascript

JavaScript中操作Mysql数据库实例

2015/04/02 Javascript

简介可以自动完成UI的AngularJS工具angular-smarty

2015/06/23 Javascript

使用控制台破解百小度一个月只准改一次名字

2015/08/13 Javascript

JS实现的简单鼠标跟随DiV层效果完整实例

2015/10/31 Javascript

javascript数据类型详解

2017/02/07 Javascript

浅谈jQuery框架Ajax常用选项

2017/07/08 jQuery

Vue 中mixin 的用法详解

2018/04/23 Javascript

基于layui数据表格以及传数据的方式

2018/08/19 Javascript

微信小程序使用component自定义toast弹窗效果

2018/11/27 Javascript

微信小程序接入腾讯云验证码的方法步骤

2020/01/07 Javascript

python解析json实例方法

2013/11/19 Python

从零学python系列之浅谈pickle模块封装和拆封数据对象的方法

2014/05/23 Python

对numpy的array和python中自带的list之间相互转化详解

2018/04/13 Python

Django添加KindEditor富文本编辑器的使用

2018/10/24 Python

浅谈python requests 的put, post 请求参数的问题

2019/01/02 Python

使用Python在Windows下获取USB PID&VID的方法

2019/07/02 Python

Python 3 实现定义跨模块的全局变量和使用教程

2019/07/07 Python

pytorch 中pad函数toch.nn.functional.pad()的用法

2020/01/08 Python

Python3 元组tuple入门基础

2020/02/09 Python

Python实现加密接口测试方法步骤详解

2020/06/05 Python

毕业自荐信

2013/12/16 职场文书

一年级学生评语

2014/04/23 职场文书

七一建党日演讲稿

2014/09/05 职场文书

给领导敬酒词

2015/08/12 职场文书

2015年教师党员个人总结

2015/11/24 职场文书

Python一行代码实现自动发邮件功能

2021/05/30 Python

MySQL 条件查询的常用操作

2022/04/28 MySQL