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

multiSteps 基于Jquery的多步骤滑动切换插件

Jul 22 Javascript

jQuery $.extend()用法总结

Jun 15 Javascript

详谈LABJS按需动态加载js文件

May 07 Javascript

Jquery easyui开启行编辑模式增删改操作

Jan 14 Javascript

jQuery实现日期联动效果实例

Jul 26 Javascript

vue移动UI框架滑动加载数据的方法

Mar 12 Javascript

解决bootstrap模态框数据缓存的问题方法

Aug 10 Javascript

微信小程序自定义键盘内部虚拟支付

Dec 20 Javascript

JavaScript高阶教程之“==”隐藏下的类型转换

Apr 11 Javascript

简单了解小程序+node梳理登陆流程

Jun 24 Javascript

layui实现form表单同时提交数据和文件的代码

Oct 25 Javascript

JavaScript中ES6规范中let和const的用法和区别

Aug 06 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

3种平台下安装php4经验点滴

2006/10/09 PHP

php/js获取客户端mac地址的实现代码

2013/07/08 PHP

PHP实现针对日期,月数,天数,周数,小时,分,秒等的加减运算示例【基于strtotime】

2017/04/19 PHP

提高代码性能技巧谈—以创建千行表格为例

2006/07/01 Javascript

XHTML-Strict 内允许出现的标签

2006/12/11 Javascript

javascript dom 操作详解 js加强

2009/07/13 Javascript

jquery checkbox,radio是否选中的判断代码

2010/03/20 Javascript

基于jQuery实现点击同时更改两个iframe的网址

2010/07/01 Javascript

IE6下通过a标签点击切换图片的问题

2010/11/14 Javascript

JS实现的左侧竖向滑动菜单效果代码

2015/10/19 Javascript

jQuery实现checkbox列表的全选、反选功能

2016/11/24 Javascript

基于js实现的限制文本框只可以输入数字

2016/12/05 Javascript

详解Vue 动态添加模板的几种方法

2017/04/25 Javascript

Angular2搜索和重置按钮过场动画

2017/05/24 Javascript

前端跨域的几种解决方式总结（推荐）

2017/08/16 Javascript

浅谈vue路径优化之resolve

2017/10/13 Javascript

js 中rewrap-ajax.js插件实例代码

2017/10/20 Javascript

angularJs-$http实现百度搜索时的动态下拉框示例

2018/02/27 Javascript

微信小程序实现蒙版弹窗效果

2018/11/01 Javascript

PHP实现基于Redis的MessageQueue队列封装操作示例

2019/02/02 Javascript

vue组件之间的数据传递方法详解

2019/04/19 Javascript

vue使用高德地图根据坐标定位点的实现代码

2019/08/22 Javascript

javascript中导出与导入实现模块化管理教程

2020/12/03 Javascript

[04:32]DOTA2著名解说配音敌法师现场专访海涛怒切假腿

2013/12/20 DOTA

[06:13]DOTA2进化论(修改版)

2013/10/08 DOTA

tensorflow实现softma识别MNIST

2018/03/12 Python

Python类绑定方法及非绑定方法实例解析

2020/10/09 Python

全球性的奢侈品梦工厂：Forzieri（福喜利）

2019/02/20 全球购物

一道SQL面试题

2012/12/31 面试题

质量保证书范本

2014/04/29 职场文书

学生检讨书范文

2015/01/27 职场文书

师德师风个人总结

2015/02/06 职场文书

篮球赛闭幕式主持词

2015/07/03 职场文书

2016校本研修培训心得体会

2016/01/08 职场文书

解析laravel使用workerman用户交互、服务器交互

2021/04/28 PHP

Win11怎么进入安全模式？Windows 11进入安全模式的方法

2021/11/21 数码科技