正常還有一組數(shù)據(jù) 供測(cè)試使用測(cè)試時(shí)需要在本地環(huán)境下
<!DOCTYPE html>
<html class="no-js" ng-app="myApp">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="./angular.min.js"> </script>
</head>
<body >
<div ng-controller="myController">
<ul>
<li ng-repeat="item in items" >
<span>{{item.name}}</span>
--
<span>{{item.price}}</span>
</li>
</ul>
</div>
</body>
<script>
//angular-resource(發(fā)送網(wǎng)絡(luò)請(qǐng)求的與$http有相同功能,但是你更強(qiáng)大)依賴于ngResource模塊 RESTful
var app = angular.module("myApp",[])
app.controller("myController",["$scope","$http",function($scope,$http){
$scope.items=[]
//$http 是angularjs 內(nèi)部自己封裝的ajax
//$http.get() 返回一個(gè)pomise 對(duì)象
//success和error 只是語法糖, 是對(duì)then() 封裝
//success()和then()的對(duì)比 success()只是返回的數(shù)據(jù)對(duì)象 而then()會(huì)原樣的輸出返回值
$http.get("./data.json").success(function(res){
console.log(res)
});
$http.get("./data.json").then(function(res){
console.log(res)
})
}])
</script>
</html>```