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

比较详细的关于javascript 解析json的代码

Dec 16 Javascript

JS操作数据库的实例代码

Oct 17 Javascript

Bootstrap每天必学之栅格系统（布局）

Nov 25 Javascript

jQuery回到顶部的代码

Jul 09 Javascript

Bootstrap源码解读下拉菜单（4）

Dec 23 Javascript

写jQuery插件时的注意点

Feb 20 Javascript

Node.js使用orm2进行update操作时关联字段无法修改的解决方法

Jun 13 Javascript

通过示例彻底搞懂js闭包

Aug 10 Javascript

Less 安装及基本用法

May 05 Javascript

angular-tree-component的使用详解

Jul 30 Javascript

CKeditor富文本编辑器使用技巧之添加自定义插件的方法

Jun 14 Javascript

vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案

Mar 01 Vue.js

基于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 获取select下拉列表框的值

2010/05/08 PHP

Php中使用Select 查询语句的实例

2014/02/19 PHP

Laravel框架表单验证详解

2014/09/04 PHP

PHP创建单例后台进程的方法示例

2017/05/23 PHP

原生JS实现Ajax通过GET方式与PHP进行交互操作示例

2018/05/12 PHP

javascript设置金额样式转换保留两位小数示例代码

2013/12/04 Javascript

node.js中RPC(远程过程调用)的实现原理介绍

2014/12/05 Javascript

node.js中的dns.getServers方法使用说明

2014/12/08 Javascript

jQuery简单实现遍历数组的方法

2015/04/14 Javascript

网站申请不到支付宝接口、微信接口，免接口收款实现方式几种解决办法

2016/12/14 Javascript

无限循环轮播图之运动框架(原生JS实现)

2017/10/01 Javascript

JS实现的获取银行卡号归属地及银行卡类型操作示例

2019/01/08 Javascript

如何基于vue-cli3.0构建功能完善的移动端架子

2019/04/24 Javascript

[02:41]DOTA2英雄基础教程冥魂大帝

2014/01/16 DOTA

python self,cls,decorator的理解

2009/07/13 Python

Python中第三方库Requests库的高级用法详解

2017/03/12 Python

python机器学习之神经网络（二）

2017/12/20 Python

详解Python3中的迭代器和生成器及其区别

2018/10/09 Python

在Python中输入一个以空格为间隔的数组方法

2018/11/13 Python

python中时间模块的基本使用教程

2019/05/14 Python

Python使用qrcode二维码库生成二维码方法详解

2020/02/17 Python

python实现Pyecharts实现动态地图（Map、Geo）

2020/03/25 Python

python+selenium+chrome批量文件下载并自动创建文件夹实例

2020/04/27 Python

Missguided美国官网：英国时尚品牌

2018/01/18 全球购物

音乐专业自荐信

2014/02/07 职场文书

新闻发布会主持词

2014/03/28 职场文书

技校毕业生自荐书

2014/05/23 职场文书

本科毕业生求职信

2014/06/15 职场文书

党性教育心得体会

2014/09/03 职场文书

司法局群众路线教育实践活动整改措施思想汇报

2014/10/13 职场文书

员工工作表扬信

2015/05/05 职场文书

科技活动总结范文

2015/05/11 职场文书

个人工作决心书

2015/09/22 职场文书

驾驶员安全责任协议书

2016/03/22 职场文书

如何利用golang运用mysql数据库

2022/03/13 Golang

MySQL常用慢查询分析工具详解

2022/08/14 MySQL