Javascript 无法在带有angularjs的html页面中显示rest服务中的json数据
当我想在html页面中显示数据库中的一些记录时，我遇到了一个问题：我在html页面中有一个空数组。 我有一个显示json数据的restful服务： [{“id”：1，“名称”：“HP CDG”，“prix”：123.0，“quantite”：456}，{“id”：2，“名称”：“三星银河”，“prix”：905.0，“quantite”：7}] 我正在使用spring启动应用程序 javascript文件：app.jsJavascript 无法在带有angularjs的html页面中显示rest服务中的json数据,javascript,angularjs,json,spring-boot,spring-restcontroller,Javascript,Angularjs,Json,Spring Boot,Spring Restcontroller,当我想在html页面中显示数据库中的一些记录时，我遇到了一个问题：我在html页面中有一个空数组。 我有一个显示json数据的restful服务： [{“id”：1，“名称”：“HP CDG”，“prix”：123.0，“quantite”：456}，{“id”：2，“名称”：“三星银河”，“prix”：905.0，“quantite”：7}] 我正在使用spring启动应用程序 javascript文件：app.js var app = angular.module("MyApp",[]) a
var app = angular.module("MyApp",[])
app.controller("ProduitController",function($scope,$http){
$scope.produits=null;
$http.get("http://localhost:8080/produits")
.success(function(data){
$scope.produits=data;
})
.error(function(err){
console.log(err);
})
});
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<title>catalogue</title>
<script type="text/javascript" src="angular/angular.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</head>
<body ng-app="MyApp" ng-controller="ProduitController">
<h3>Test</h3>
<div class="Container">
<table>
<tr>
<th>ID</th>
<th>Designation</th>
<th>Prix</th>
<th>Quantite</th>
</tr>
<tr ng-repeat="p in produits">
<td>{{p.id}}</td>
<td>{{p.designation}}</td>
<td>{{p.prix}}</td>
<td>{{p.quantite}}</td>
</tr>
</table>
</div>
</body>
</html>
目录
试验
身份证件
任命
大奖赛
定量
{{p.id}}
{{p.designation}}
{{p.prix}}
{p.quantite}}