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

JS模拟的QQ面板上的多级可展开的菜单

Oct 10 Javascript

Jquery响应回车键直接提交表单操作代码

Jul 25 Javascript

用简洁的jQuery方法toggleClass实现隔行换色

Oct 22 Javascript

JavaScript学习笔记整理_关于表达式和语句

Sep 19 Javascript

javascript 内置对象及常见API详细介绍

Nov 01 Javascript

深入理解js中的加载事件

Feb 08 Javascript

详解axios在node.js中的post使用

Apr 27 Javascript

详解mpvue开发小程序小总结

Jul 25 Javascript

Angular 利用路由跳转到指定页面的指定位置方法

Aug 31 Javascript

Vue中CSS动画原理的实现

Feb 13 Javascript

JavaScript 严格模式(use strict)用法实例分析

Mar 04 Javascript

解决vue-photo-preview 异步图片放大失效的问题

Jul 29 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