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

Jquery Ajax学习实例向页面发出请求，返回XML格式数据

Mar 14 Javascript

jquery插件开发之实现jquery手风琴功能分享

Mar 10 Javascript

Bootstrap实现弹性搜索框

Jul 11 Javascript

JS实现获取当前URL和来源URL的方法

Aug 24 Javascript

微信小程序检查接口状态实例详解

Jun 23 Javascript

详解vue-cli 脚手架项目-package.json

Jul 04 Javascript

Javascript中将变量转换为字符串的三种方法

Sep 19 Javascript

JS实现非首屏图片延迟加载的示例

Jan 06 Javascript

讲解vue-router之什么是编程式路由

May 28 Javascript

基于Vue2实现简易的省市区县三级联动组件效果

Nov 05 Javascript

vue cli3.0结合echarts3.0与地图的使用方法示例

Mar 26 Javascript

vue控制多行文字展开收起的实现示例

Oct 11 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