28-包含

<!-- 
使用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>
發佈了63 篇原創文章 · 獲贊 4 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章