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

AngularJS基础 ng-include 指令简单示例

 更新时间：2016年08月01日 16:13:56   投稿：hebedich  
本文主要介绍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指令的知识整理，后续继续补充。

您可能感兴趣的文章:

相关文章

  • Angular2实现的秒表及改良版示例

    Angular2实现的秒表及改良版示例

    这篇文章主要介绍了Angular2实现的秒表及改良版,结合实例形式分析 Angular2实现秒表功能的原理、操作技巧与相关注意事项,需要的朋友可以参考下
    2019-05-05
  • Angular2使用vscode断点调试ts文件的方法

    Angular2使用vscode断点调试ts文件的方法

    本篇文章主要介绍了Angular2使用vscode断点调试ts文件的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • angular4实现tab栏切换的方法示例

    angular4实现tab栏切换的方法示例

    本篇文章主要介绍了angular4实现tab栏切换的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • Angularjs中UI Router全攻略

    Angularjs中UI Router全攻略

    这篇文章主要介绍了Angularjs中UI Router全攻略，涉及到angularjs ui router的基本用法，需要的朋友参考下吧
    2016-01-01
  • Angular的$http与$location

    Angular的$http与$location

    这篇文章主要为大家详细介绍了Angular的$http与$location，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-12-12
  • AngularJS之页面跳转Route实例代码

    AngularJS之页面跳转Route实例代码

    本篇文章主要介绍了AngularJS之页面跳转Route ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • Angular中的结构指令模式及使用详解

    Angular中的结构指令模式及使用详解

    这篇文章主要为大家介绍了Angular中的结构指令模式及使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-08-08
  • Angular6 Filter实现页面搜索的示例代码

    Angular6 Filter实现页面搜索的示例代码

    这篇文章主要介绍了Angular6 Filter实现页面搜索的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-12-12
  • AngularJS $http post 传递参数数据的方法

    AngularJS $http post 传递参数数据的方法

    今天小编就为大家分享一篇AngularJS $http post 传递参数数据的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-10-10
  • Angular封装搜索框组件操作示例

    Angular封装搜索框组件操作示例

    这篇文章主要介绍了Angular封装搜索框组件操作,结合实例形式分析了基于Angular组件库实现搜索功能的封装操作相关实现步骤与注意事项,需要的朋友可以参考下
    2019-04-04

最新评论