博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angular ng-include 指令的使用
阅读量:7252 次
发布时间: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

你可能感兴趣的文章
Python之自动单元测试之一(unittest使用实例)
查看>>
ORA-04031:oracle无法分配共享内存
查看>>
Mysql SQL Mode详解
查看>>
理解WebKit和Chromium: Chromium for Android
查看>>
Floyd算法 笔记 C/C++
查看>>
Android中再按一次退出实现
查看>>
基于Unity3D 的Vuforia SDK开发基础教程
查看>>
用户,群组和权限 二
查看>>
【转】JCR期刊分区及其检索方法
查看>>
浅思OC的语言特性
查看>>
CentOS7下用jdk1.7编译hadoop-2.7.1全过程详解
查看>>
MD5密码加密
查看>>
LeetCode | Word Ladder II
查看>>
模块化开发seajs 配置和简单调用
查看>>
新版谷歌浏览器设置flash插件不提示步骤
查看>>
控件联动(三级联动)
查看>>
使用OGR创建dxf格式矢量数据
查看>>
冒泡排序--通过冒泡算法让数组中最大的值成为数组中最后一个值
查看>>
flock文件锁的学习和应用
查看>>
DotNet 资源大全中文版(Awesome最新版)
查看>>