正常還有一組數據 供測試使用測試時需要在本地環境下
<!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(發送網絡請求的與$http有相同功能,但是你更強大)依賴于ngResource模塊 RESTful
var app = angular.module("myApp",[])
app.controller("myController",["$scope","$http",function($scope,$http){
$scope.items=[]
//$http 是angularjs 內部自己封裝的ajax
//$http.get() 返回一個pomise 對象
//success和error 只是語法糖, 是對then() 封裝
//success()和then()的對比 success()只是返回的數據對象 而then()會原樣的輸出返回值
$http.get("./data.json").success(function(res){
console.log(res)
});
$http.get("./data.json").then(function(res){
console.log(res)
})
}])
</script>
</html>```