1.在HTML中包含HTML文件：在HTML中，目前还不支持包含HTML文件的功能；

2.服务端包含：大多数服务端脚本都支持文件功能(SSI)，使用SSI，你可以在HTML中包含HTML文件，并发送到客户端浏览器：

<?php require("navigation.php");?>

3.客户端包含HTML：

**通过javascript有很多种方式可以在HTML中包含HTML文件；

**通常我们使用http请求(AJAX)从服务端获取数据，返回的数据我们可以通过使用innerHTML写入到HTML元素中

<body ng-app="">

<div ng-include="  'runoob.htm' ">

</body>

4.包含AngularJS代码：ng-include指令除了可以包含HTML文件外，还可以包含AngularJS代码；

<div ng-app="myApp" ng-controller="siteCtrl">

　　<div ng-include=" 'sites.htm' "></div>

</div>

<script>

var app=angular.module('myApp',[]);

app.controller('sitesCtrl',function($scope,$http){

　　$http.get("sites.php").then(function(response){

　　　　$scope.names=response.data.records;

　　});

});

</script>

5.跨域包含：默认情况下，ng-include指令不允许包含其他域的文件；如果你需要访问其他域名的文件，需要设置域名访问白名单；

<body ng-app="myApp">

<div ng-include=" 'http://c.runoob.com/runoobtest/angular_include.php' "></div>

<script>

var app=angular.module('myApp',[]);

app.config(function($sceDelegateProvider){

　　$sceDelegateProvider.resourceUrlWhitelist([

　　　　'http://c.runoob.com/runoobtest/**'

　　]);

});

</script>

</body>

6.需要设置服务端允许跨域访问，设置：

<?php

header('Access-Control-Allow-Origin:*');         //允许所有域名访问

echo '<b style="color:red">我是跨域的内容</b>';

?>

AngularJS包含的更多相关文章

  1. 【18】AngularJS 包含

    AngularJS 包含 在 AngularJS 中,你可以在 HTML 中包含 HTML 文件. 在 HTML 中包含 HTML 文件 在 HTML 中,目前还不支持包含 HTML 文件的功能. 服 ...

  2. AngularJS 包含

    在 AngularJS 中,你可以在 HTML 中包含 HTML 文件. 在 HTML 中,目前还不支持包含 HTML 文件的功能. 大多服务端脚本都支持包含文件功能 (SSI: Server Sid ...

  3. AngularJS 包含HTML文件

    类似于python tornado的include方法,同样是可以在一个html文件中加载另外一个html文件,这样可以不用重复的写一些几乎不改变的代码. 首先创建两个文件,然后代码如下: <! ...

  4. AngularJS(13)-包含

    AngularJS 包含 使用 AngularJS, 你可以使用 ng-include 指令来包含 HTML 内容: 实例 <body> <div class="conta ...

  5. AngularJS：包含

    ylbtech-AngularJS:包含 1.返回顶部 1. AngularJS 包含 在 AngularJS 中,你可以在 HTML 中包含 HTML 文件. 在 HTML 中包含 HTML 文件 ...

  6. AngularJs之九（ending......)

    今天继续angularJs,但也是最后一篇关于它的了,基础部分差不多也就这些,后续有机会再写它的提升部分. 今天要写的也是一个基础的选择列表: 一:使用ng-options,数组进行循环. <d ...

  7. AngularJS Bootstrap

    AngularJS 的首选样式表是 Bootstrap. 可以在 AngularJS 应用中加入 Twitter Bootstrap,你可以在你的 <head>元素中添加如下代码: < ...

  8. Atitit Server Side Include  ssi服务端包含规范 csi  esi

    Atitit Server Side Include  ssi服务端包含规范 csi  esi 一.CSI (Client Side Includes)  1 1.1. 客户端包含1 1.2. Ang ...

  9. 3.1将AngularJS放入上下文

    本章,作者将AngularJS放在全球web app开发的上下文里,并为后面的章节设置功能.AngularJS的目标,是带来一款工具,它有服务端开发web client的能力,并易于开发,测试,富.复 ...

随机推荐

  1. MySQL主从同步延迟

    早上接到open-falcon报警,一台mysql从库同步延迟2w多秒,mysql版本比较老,用的5.1.37. 连接从库查找原因: show processlist一下,查看哪些线程在跑. 看到Ti ...

  2. Ambari——大数据平台的搭建利器

    转载自http://www.ibm.com/developerworks/cn/opensource/os-cn-bigdata-ambari/ 扩展 Ambari 管理一个自定义的 Service ...

  3. eclipse中SSH三大框架环境搭建<二>

    通过上一篇博客我们可以轻松搭建strtus2的环境,接下来由我来继续介绍spring的环境搭建以及spring注入的简单使用 相关链接:eclipse中SSH三大k框架环境搭建<一> ec ...

  4. AE开发使用内存图层

    AE开发中,有时需要从磁盘中读取一些文件信息如坐标点转为图层并进行分析,此过程并不需要坐标点入库之类的操作,就可以创建一个内存图层解决问题.创建内存图层需要用到InMemoryWorkspaceFac ...

  5. Java类中各种静态变量的加载顺序的学习

    最近在补<thinking in java>...有一节提到了加载类需要做的一些准备...我照着书本敲了一下代码...同时稍微修改了一下书本上的代码.... package charpte ...

  6. [Linux] Linux指令汇总(持续更新中...)

    写在前面: 以前真心没有玩过Linux系统,总感觉整天摆弄Linux的同学都是大牛.如今,在公司里实习需要远程登录Linux服务器,所有的代码都要在开发板上完成,所以被逼无奈也不得不定下心来好好学学L ...

  7. Apache不重新编译，利用apxs工具给Apache添加模块，如cgi模块

    想实践下Apache是如何运行cgi程序的,却发现先前编译安装Apache的时候,没有安装Apache的cgi模块. 附:CentOS6.x编译安装LAMP(2):编译安装 Apache2.2.25 ...

  8. 《征服 C 指针》摘录4：函数 与 指针

    一.指向函数的指针 函数名可以在表达式中被解读成“指向函数的指针”,因此,正如代码清单 2-2 的实验那样,写成 func 就可以取得指向函数的指针. “指向函数的指针”本质上也是指针(地址),所以可 ...

  9. PHP获取一段时间内的每个周几, 每月几号, 遇到特殊日子就往后延

    2016年11月1日 16:18:19 星期二 主要用到的函数是 strtotime() strtotime('+1 Tuesday', $timestamp) 获取下周二, 从时间戳$timesta ...

  10. plist文件的读写

    参考资料 http://blog.csdn.net/totogo2010/article/details/7634185