博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angular ng-include 指令的使用
阅读量:7251 次
发布时间:2019-06-29

本文共 919 字,大约阅读时间需要 3 分钟。

hot3.png

angular ng-include 指令的使用

ng-include 指令用于包含外部的 HTML 文件。 包含的内容将作为指定元素的子节点。 ng-include 属性的值可以是一个表达式,返回一个文件名。 默认情况下,包含的文件需要包含在同一个域名下。

下面给出一个例子具体分析一下,是如何实现这一过程的:

页面首页:

    
document
我是body内容

头部分离:

底部分离:

注意:很坑的一个地方是,<div ng-include="'include/main_footer.html'"></div> 引入文件直接双引包含是不会成功的,文件的名称必须还需要''包含

上面的例子是不是特别简单啊,这就是AngularJS的强大之处。

转载于:https://my.oschina.net/shuaihong/blog/1543592

你可能感兴趣的文章
RSA大会主角 云安全
查看>>
微软BI 之SSAS 系列 - 多维数据集维度用法之三 多对多维度 Many to Many
查看>>
C#Winform程序如何发布并自动升级(图解)
查看>>
Linux环境下VI/VIM编辑文件时无权限保存的解决方法
查看>>
【object-c基础】object-c基础之二:property,assign,copy,retain,release
查看>>
Oracle--plsql游标创建和使用
查看>>
Android自动化测试之使用java调用monkeyrunner
查看>>
Android API之android.os.Parcelable
查看>>
测试JdbcTemplate执行SQL语句和存储过程
查看>>
tableview 里面的 必须配套使用的方法
查看>>
ClassLoader工作机制
查看>>
子查询
查看>>
Android使用FFMpeg实现推送视频直播流到服务器
查看>>
(转)8 Tactics to Combat Imbalanced Classes in Your Machine Learning Dataset
查看>>
电信网络拓扑图自动布局之总线
查看>>
微信开放平台开发——网页微信扫码登录(OAuth2.0)
查看>>
DataList和Repeat无数据时提示暂无数据几种方法
查看>>
SharePoint is Flowers and Rainbows and Unicorns
查看>>
【转载】ASP.NET MVC:通过 FileResult 向 浏览器 发送文件
查看>>
系统视图和系统存储过程DDL语句
查看>>