28-包含

来源:互联网 发布:人物简笔画软件 编辑:程序博客网 时间:2024/05/16 08:45
<!-- 使用ng-include可以包含纯html 以及angularjs代码runoob.htm 文件代码:<h1>菜鸟教程</h1><p>这是一个被包含的 HTML 页面,使用 ng-include 指令来实现!</p>sites.htm文件--><!DOCTYPE html><html><meta charset="utf-8"><script src="js/angular.js"></script><body ng-app="myApp">    <!-- 包含html代码-->    <div ng-include="'html/runoob.htm'"></div>    <!-- 包含angularjs的代码-->    <div ng-controller="sitesCtrl">       <div ng-include="'html/sites.htm'"></div>    </div>    <!-- 跨域访问 现在只是在客户端设置了可以跨域 但是http://c.runoob.com/runoobtest/angular_include.php         这个页面里也得设置可以被跨域访问         记住是:客户端和服务端都得设置    -->    <div ng-include="'http://c.runoob.com/runoobtest/angular_include.php'"></div>    <script>        var app = angular.module('myApp', []);        app.controller('sitesCtrl', function($scope, $http) {                $scope.names = [{"Name":'aaaa',"Url":'1151'},{"Name":'aaaa',"Url":'1151'}];        });        app.config(function($sceDelegateProvider) {            $sceDelegateProvider.resourceUrlWhitelist([            'http://c.runoob.com/runoobtest/**'        ]);});    </script></body></html>