2016-08-24 21 views
0

repeatがUIにテーブルを表示します。テーブルの値はAccess DBから取得され、サーブレット経由で取得されます。私の角度コントローラはサーブレットを適切に呼び出すことができ、サーブレットはJSONを返すことができます。しかし、ng-repeatはエラーを投げています。AngularjsでngRepeatを発行すると、

エラー:[ngRepeat:iexp] '項目でコレクション [IDによってトラック]' の形で期待表現が、 'アイテム' を得ました。以下

コード:

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title>QuoteDetails</title> 
<link href="css/bootstrap.css" rel="stylesheet"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 

</head> 
<body> 
<div class="container" ng-app="myApp"> 
     <div ng-controller="MyController" ng-init="getDataFromServer()"> 
<table class="table table-striped table-bordered" id="example" style="border-collapse: collapse, width: 100%"> 
     <thead> 
      <tr> 
       <th>Quote No</th> 
       <th>Quote Amt</th> 
       <th>Quote Contact</th> 
       <th colspan=2>Action</th> 
      </tr> 
     </thead> 
     <tbody> 
      <!-- <c:forEach var="user" items="${users}"> 
       <tr> 
        <td><c:out value="${user.quoteNo}" /></td> 
        <td><c:out value="${user.quoteAmt}" /></td> 
        <td><c:out value="${user.quoteContact}" /></td> 
       </tr> 
      </c:forEach> --> 
      <tr ng-repeat=item in user track by $index> 
       <td>{{item.quoteNo}}</td> 
       <td>{{item.quoteAmt}}</td> 
       <td>{{item.quoteContact}}</td> 
      </tr> 
     </tbody> 
    </table> 
    </div> 
    </div> 
    <p><a href="UserController?action=insert">Add User</a></p> 
    <script src="js/angular.js"></script> 
    <script> 
var app = angular.module('myApp', []); 

app.controller("MyController", ['$scope', '$http', function($scope, $http) { 
     $scope.test="hellos"; 
     console.log($scope.test); 
     $scope.getDataFromServer = function() { 
       $http({ 
         method : 'GET', 
         url : 'UserController' 
       }).success(function(data, status, headers, config) { 
         $scope.user= data; 
         console.log($scope.user); 
       }).error(function(data, status, headers, config) { 
         // called asynchronously if an error occurs 
         // or server returns response with an error status. 
       }); 

     }; 
}]); 
</script> 
</body> 
</html> 

あなたは私の問題が何であるかを教えてくださいもらえますか?

+0

「item in user」の代わりに「item in users」であってはなりませんか? – Tomer

答えて

2

ng-repeatの値は、引用符で囲む必要があります。

<tr ng-repeat="item in user track by $index"> 
関連する問題