Question

当我想在html页面中显示我的数据库中的一些记录时，我遇到了问题：我在html页面中有一个空数组。我有一个显示我的json数据的宁静服务：http://localhost:8080/produits

[{＆＃34; id＆＃34;：1，＆＃34;指定＆＃34;：＆＃34; HP CDG＆＃34;，＆＃34; prix＆＃34;：123.0，＆＃34; quantite＆＃34;：456}，{＆＃34; id＆＃34;：2，＆＃34;指定＆＃34;：＆＃34;三星galaxy＆＃34;，＆＃34; prix＆＃34;：905.0，＆＃34; quantite＆＃34;：7}]

我正在使用spring boot应用程序

javascript文件：app.js

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);

})

});

我的index.html页面：

    <!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>

无法在带有angularjs的html页面中显示来自rest服务的json数据

0 个答案: