脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → AngularJS → AngularJS ng-include 指令

AngularJS基础 ng-include 指令示例讲解

 更新时间：2016年08月01日 17:49:43   投稿：lqh  
本文主要介绍AngularJS ng-include 指令,这里对ng-include 指令的知识做了详细整理介绍,有需要的朋友可以参考下

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 属性的值可以是一个表达式，返回一个文件名。

默认情况下，包含的文件需要包含在同一个域名下。

语法

<element ng-include="filename" onload="expression" autoscroll="expression" ></element>

ng-include 指令作为元素使用:

<ng-include src="filename" onload="expression" autoscroll="expression" ></ng-include>

所有的 HTML 元素都支持该指令。

参数值

 

值 描述
filename 文件名，可以使用表达式来返回文件名。
onload 可选， 文件载入后执行的表达式。
autoscroll 可选，包含的部分是否在指定视图上可滚动。

 以上就是对AngularJS ng-include指令的知识整理，后续继续补充。

您可能感兴趣的文章:

相关文章

  • Angular应用里环境变量SERVER_REQUEST_ORIGIN含义解析

    Angular应用里环境变量SERVER_REQUEST_ORIGIN含义解析

    这篇文章主要为大家介绍了Angular应用里环境变量SERVER_REQUEST_ORIGIN的含义解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-10-10
  • Angular 4依赖注入学习教程之ValueProvider的使用（七）

    Angular 4依赖注入学习教程之ValueProvider的使用（七）

    这篇文章主要给大家介绍了关于Angular 4依赖注入之ValueProvider使用的相关资料，文中介绍的非常详细，对大家学习或者使用Angular4具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
    2017-06-06
  • angularJs使用ng-repeat遍历后选中某一个的方法

    angularJs使用ng-repeat遍历后选中某一个的方法

    今天小编就为大家分享一篇angularJs使用ng-repeat遍历后选中某一个的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • Angularjs实现数组随机排序的方法

    Angularjs实现数组随机排序的方法

    今天小编就为大家分享一篇Angularjs实现数组随机排序的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-10-10
  • Angular中使用better-scroll插件的方法

    Angular中使用better-scroll插件的方法

    本篇文章主要介绍了Angular中使用better-scroll插件的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • angular+bootstrap的双向数据绑定实例

    angular+bootstrap的双向数据绑定实例

    本篇文章主要介绍angular+bootstrap的双向数据绑定的实例，具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • angular.js中解决跨域问题的三种方式

    angular.js中解决跨域问题的三种方式

    跨域，前端开发中经常遇到的问题，下面这篇文章主要给大家介绍了关于angular.js中解决跨域问题的三种方式，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编一起来学习学习吧。
    2017-07-07
  • AngularJS自定义表单验证功能实例详解

    AngularJS自定义表单验证功能实例详解

    这篇文章主要介绍了AngularJS自定义表单验证功能,结合完整实例形式详细分析了AngularJS实现表单验证的相关指令、模型绑定、数据验证等操作技巧,需要的朋友可以参考下
    2018-08-08
  • Angular使用Restful的增删改

    Angular使用Restful的增删改

    今天小编就为大家分享一篇关于Angular使用Restful的增删改，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
    2018-12-12
  • angularjs实现多选框分段全选效果实现

    angularjs实现多选框分段全选效果实现

    这篇文章主要为大家介绍了angularjs实现多选框分段全选效果实现详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-06-06

最新评论