• AngularJS包含


    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>';

    ?>

  • 相关阅读:
    简介anaconda下的jupyter notebook的代码分块运行
    此文件的签名已损坏或无效或360下载提示下载失败解决办法
    Java基础加强
    XML
    Servlet
    Tomcat
    json和跨域
    jQuery的ajax
    ajax请求状态码 以及 页面请求状态码
    ajax 基础
  • 原文地址:https://www.cnblogs.com/hqutcy/p/6133042.html
Copyright © 2020-2023  润新知