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

飞鱼(shqlsl) javascript作品集

Dec 16 Javascript

jQuery滚动加载图片实现原理

Dec 14 Javascript

详解JavaScript权威指南之对象

Sep 27 Javascript

微信小程序实例应用（记账）详解

Sep 28 Javascript

常用JS图片滚动（无缝、平滑、上下左右滚动）代码大全(推荐)

Dec 20 Javascript

Node.js数据库操作之连接MySQL数据库（一）

Mar 04 Javascript

laravel5.4+vue+element简单搭建的示例代码

Aug 29 Javascript

推荐VSCode 上特别好用的 Vue 插件之vetur

Sep 14 Javascript

分析JS单线程异步io回调的特性

Dec 01 Javascript

vue项目启动出现cannot GET /服务错误的解决方法

Apr 26 Javascript

JavaScript实现Tab标签页切换的最简便方式(4种)

Jun 28 Javascript

一篇文章了解正则表达式的替换技巧

Feb 24 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 array的学习笔记

2012/05/16 PHP

PHP 图片水印类代码

2012/08/27 PHP

深入php define()函数以及defined()函数的用法详解

2013/06/05 PHP

使用PHP和HTML5 FormData实现无刷新文件上传教程

2014/09/06 PHP

PHP获取页面执行时间的方法（推荐）

2016/12/10 PHP

如何在PHP环境中使用ProtoBuf数据格式

2020/06/19 PHP

不用ajax实现点击文字即可编辑的方法

2007/12/16 Javascript

javascript与jquery中跳出循环的区别总结

2013/11/04 Javascript

Bootstrap每天必学之滚动监听

2016/03/16 Javascript

JavaScript每天必学之数组和对象部分

2016/09/17 Javascript

Angular2自定义分页组件

2017/04/19 Javascript

微信小程序之数据双向绑定与数据操作

2017/05/12 Javascript

Angular4项目中添加i18n国际化插件ngx-translate的步骤详解

2017/07/02 Javascript

vue-cli 自定义指令directive 添加验证滑块示例

2017/10/19 Javascript

实例分析vue循环列表动态数据的处理方法

2018/09/28 Javascript

详解vue组件中使用路由方法

2019/02/12 Javascript

使用 JavaScript 创建并下载文件(模拟点击)

2019/10/25 Javascript

小程序实现图片预览裁剪插件

2019/11/22 Javascript

js 获取扫码枪输入数据的方法

2020/06/10 Javascript

Python xlrd读取excel日期类型的2种方法

2015/04/28 Python

python thrift搭建服务端和客户端测试程序

2018/01/17 Python

Python中单线程、多线程和多进程的效率对比实验实例

2019/05/14 Python

Python利用神经网络解决非线性回归问题实例详解

2019/07/19 Python

Python如何实现小程序无限求和平均

2020/02/18 Python

Python爬虫程序架构和运行流程原理解析

2020/03/09 Python

Python JSON常用编解码方法代码实例

2020/09/05 Python

HTML5本地存储之IndexedDB

2017/06/16 HTML / CSS

Canvas获取视频第一帧缩略图的实现

2020/11/11 HTML / CSS

vivo智能手机官方商城：vivo

2016/09/22 全球购物

SEPHORA新西兰官方网站：购买化妆品和护肤品

2016/12/02 全球购物

美国领先的个性化礼品商城：Personalization Mall

2019/07/27 全球购物

Quiksilver荷兰官方网站：冲浪和滑雪板

2019/11/16 全球购物

工程造价专业大专生求职信

2013/10/06 职场文书

实习指导老师评语

2014/04/26 职场文书

教师外出学习心得体会

2016/01/18 职场文书

年终奖金发放管理制度，中小企业适用，拿去救急吧！

2019/07/12 职场文书