<!--
使用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>
28-包含
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.