编程 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 通用简单的table选项卡实现

May 07 Javascript

jquery控制表单输入框显示默认值的方法

May 22 Javascript

简介JavaScript中valueOf()方法的使用

Jun 05 Javascript

javascript基于prototype实现类似OOP继承的方法

Dec 16 Javascript

js如何改变文章的字体大小

Jan 08 Javascript

JS组件Bootstrap Table使用方法详解

Feb 02 Javascript

使用Bootstrap打造特色进度条效果

May 02 Javascript

Vue.js 2.5新特性介绍(推荐)

Oct 24 Javascript

Vue2.0子同级组件之间数据交互方法

Feb 28 Javascript

layui 富文本图片上传接口与普通按钮文件上传接口的例子

Sep 23 Javascript

json解析大全双引号、键值对不在一起的情况

Dec 06 Javascript

Vue+Vant 图片上传加显示的案例

Nov 03 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

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

2006/10/09 PHP

php学习笔记之函数声明(二)

2011/06/09 PHP

详解PHP实现异步调用的4种方法

2016/03/14 PHP

php基于CodeIgniter实现图片上传、剪切功能

2016/05/14 PHP

Laravel核心解读之异常处理的实践过程

2019/02/24 PHP

Alliance vs AM BO3 第一场2.13

2021/03/10 DOTA

js几个不错的函数 $$()

2006/10/09 Javascript

懒就要懒到底——鼠标自动点击（含时间判断）

2007/02/20 Javascript

在父页面调用子页面的JS方法

2013/09/29 Javascript

jQuery插件Skippr实现焦点图幻灯片特效

2015/04/12 Javascript

bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能

2016/05/27 Javascript

浅谈JavaScript 浏览器对象

2016/06/03 Javascript

JavaScript实现瀑布流以及加载效果

2017/02/11 Javascript

seajs中模块依赖的加载处理实例分析

2017/10/10 Javascript

jquery中done和then的区别(详解)

2017/12/19 jQuery

npm的lock机制解析

2019/06/20 Javascript

浅析vue-router实现原理及两种模式

2020/02/11 Javascript

[57:50]DOTA2上海特级锦标赛主赛事日 - 4 胜者组决赛Secret VS Liquid第二局

2016/03/05 DOTA

python实现从字符串中找出字符1的位置以及个数的方法

2014/08/25 Python

在Python中使用HTML模版的教程

2015/04/29 Python

Python基于list的append和pop方法实现堆栈与队列功能示例

2017/07/24 Python

Python遍历pandas数据方法总结

2018/02/09 Python

异步任务队列Celery在Django中的使用方法

2018/06/07 Python

Django Admin实现三级联动的示例代码(省市区)

2018/06/22 Python

Python面向对象基础入门之编码细节与注意事项

2018/12/11 Python

python实现微信每日一句自动发送给喜欢的人

2019/04/29 Python

django 实现简单的插入视频

2020/04/07 Python

OpenCV 使用imread()函数读取图片的六种正确姿势

2020/07/09 Python

AT&T Wireless：手机、无限数据计划和配件

2018/06/03 全球购物

Tommy Hilfiger美国官网：美国高端休闲领导品牌

2019/01/14 全球购物

Ado与Ado.net的相同与不同

2014/12/08 面试题

李培根演讲稿

2014/05/22 职场文书

小学老师对学生的评语

2014/12/29 职场文书

上甘岭观后感

2015/06/10 职场文书

2016大学军训心得体会

2016/01/11 职场文书

Django框架模板用法详解

2022/06/10 Python