Question

重复以在UI中显示表格。表的值是从Access DB获取的，它是通过servlet获取的。我的角度控制器能够正确调用servlet，servlet能够返回json。但是ng-repeat正在抛出一个错误。

错误：[ngRepeat：iexp] 集合中的' item 形式的预期表达式[通过 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>

你可以告诉我这是什么问题吗？

Answer 1

ng-repeat值必须在引号内！

<tr ng-repeat="item in user track by $index">

Angularjs中的ngRepeat问题

1 个答案: