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

一个小型js框架myJSFrame附API使用帮助

Jun 28 Javascript

js类中的公有变量和私有变量

Jul 24 Javascript

jquery通过closest选择器修改上级元素的方法

Mar 17 Javascript

jquery实现的Accordion折叠面板效果代码

Sep 02 Javascript

详解JavaScript的闭包、IIFE、apply、函数与对象

Dec 21 Javascript

JS实现的系统调色板完整实例

Dec 21 Javascript

基于jQuery实现瀑布流页面

Apr 11 jQuery

JS 组件系列之 bootstrap treegrid 组件封装过程

Apr 28 Javascript

vue.js 左侧二级菜单显示与隐藏切换的实例代码

May 23 Javascript

浅谈webpack编译vue项目生成的代码探索

Dec 11 Javascript

vue短信验证性能优化如何写入localstorage中

Apr 25 Javascript

js实现简单掷骰子小游戏

Oct 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实现生成唯一编号（36进制的不重复编号）

2014/07/01 PHP

百度地图API使用方法详解

2015/08/25 PHP

Yii2验证器(Validator)用法分析

2016/07/23 PHP

详谈php ip2long 出现负数的原因及解决方法

2017/04/05 PHP

php 多进程编程父进程的阻塞与非阻塞实例分析

2020/02/22 PHP

excel操作之Add Data to a Spreadsheet Cell

2007/06/12 Javascript

javascript中的关于类型转换的性能优化

2010/12/14 Javascript

jQuery学习笔记操作jQuery对象文档处理

2012/09/19 Javascript

jquery getScript动态加载JS方法改进详解

2012/11/15 Javascript

CascadeView级联组件实现思路详解(分离思想和单链表)

2016/04/12 Javascript

Bootstrap实现input控件失去焦点时验证

2016/08/04 Javascript

js实现无缝循环滚动

2020/06/23 Javascript

关于JS Lodop打印插件打印Bootstrap样式错乱问题的解决方案

2016/12/23 Javascript

详解nodejs微信公众号开发——4.自动回复各种消息

2017/04/11 NodeJs

jQuery.form.js的使用详解

2017/06/14 jQuery

JSON创建键值对（key是中文或者数字）方式详解

2017/08/24 Javascript

JS实现合并json对象的方法

2017/10/10 Javascript

微信小程序五子棋游戏AI实现方法【附demo源码下载】

2019/02/20 Javascript

vue 翻页组件vue-flip-page效果

2020/02/05 Javascript

Python中的Matplotlib模块入门教程

2015/04/15 Python

Python修改MP3文件的方法

2015/06/15 Python

python实现mysql的单引号字符串过滤方法

2015/11/14 Python

深入理解python中的select模块

2017/04/23 Python

python如何统计序列中元素

2020/07/31 Python

Python打开文件,将list、numpy数组内容写入txt文件中的方法

2018/10/26 Python

numpy基础教程之np.linalg

2019/02/12 Python

python爬虫爬取监控教务系统的思路详解

2020/01/08 Python

意大利比基尼品牌：MISS BIKINI

2019/11/02 全球购物

毕业设计计划书

2014/01/09 职场文书

社会实践感言

2014/01/25 职场文书

小学见习报告

2014/10/31 职场文书

机关单位工作失职检讨书

2014/11/20 职场文书

事业单位考察材料范文

2014/12/25 职场文书

2016民族团结先进个人事迹材料

2016/02/26 职场文书

高中英语教学反思范文

2016/03/02 职场文书

python工具dtreeviz决策树可视化和模型可解释性

2022/03/03 Python