Javascript 角度JSON-使用';通过'跟踪;表达

Javascript 角度JSON-使用';通过'跟踪;表达,javascript,php,mysql,json,angularjs,Javascript,Php,Mysql,Json,Angularjs,我正在angular+Php+MySql中制作一个CRUD,在这里我面临一个问题。 我在数据库中有一些数据,想在列表页上显示它 为了实现这一点,我在Angular中进行了ajax调用,并将响应放在Scope变量中。如果我打印响应,它会在响应下面显示,但不能在HTML中显示。我遇到了一个问题,即:—— 错误:[ngRepeat:dupes]中继器中不允许重复。使用“跟踪依据”表达式指定唯一关键点。中继器:机组人员,重复键:字符串:“,重复值:\” 下面是Angular和HTML代码:- .cont

我正在angular+Php+MySql中制作一个CRUD,在这里我面临一个问题。 我在数据库中有一些数据,想在列表页上显示它

为了实现这一点,我在Angular中进行了ajax调用,并将响应放在Scope变量中。如果我打印响应,它会在响应下面显示,但不能在HTML中显示。我遇到了一个问题,即:——

错误:[ngRepeat:dupes]中继器中不允许重复。使用“跟踪依据”表达式指定唯一关键点。中继器:机组人员,重复键:字符串:“,重复值:\”

下面是Angular和HTML代码:-

.controller('wrapperController', ['$scope','$rootScope','$http', function(scope,rootScope,http){

    http.post("server/viewRecords.php")
    .success(function(response){
        console.log(response);
        scope.crew = response;

    });
}])

<tr ng-repeat="person in crew">
            <td>{{person.name}}</td>
            <td>{{person.desc}}</td>
            <td> <a href="#/edit/{{$index}}">Edit</a> </td>
            <td> <a href="#/delete/{{$index}}" data-ng-click="deleteRecord($index)">Delete</a> </td>
        </tr>
.controller('wrapperController',['$scope','$rootScope','$http',函数(scope,rootScope,http){
http.post(“server/viewRecords.php”)
.成功(功能(响应){
控制台日志(响应);
scope.crew=响应;
});
}])
{{person.name}
{{person.desc}}
请说明我为什么会出现这个错误


谢谢

AngularJS不允许ng repeat指令中存在重复项。因此,您可以在ng repeat中添加
track by$index
,如下所示:

<tr ng-repeat="person in crew track by $index">
            <td>{{person.name}}</td>
            <td>{{person.desc}}</td>
            <td> <a href="#/edit/{{$index}}">Edit</a> </td>
            <td> <a href="#/delete/{{$index}}" data-ng-click="deleteRecord($index)">Delete</a> </td>
</tr>

{{person.name}
{{person.desc}}

Track by$index
告诉angular使用自动递增的
$index
作为键,而不是数组中的每个元素。因此,它将不再重复。

AngularJS不允许在ng repeat指令中重复。因此,您可以在ng repeat中添加
track by$index
,如下所示:

<tr ng-repeat="person in crew track by $index">
            <td>{{person.name}}</td>
            <td>{{person.desc}}</td>
            <td> <a href="#/edit/{{$index}}">Edit</a> </td>
            <td> <a href="#/delete/{{$index}}" data-ng-click="deleteRecord($index)">Delete</a> </td>
</tr>

{{person.name}
{{person.desc}}

Track by$index
告诉angular使用自动递增的
$index
作为键,而不是数组中的每个元素。因此,它将不再重复。

我已经使用过它,但它不起作用。它向我显示空白记录数和数据数也是不正确的。@Ananddeepsingh您收到了什么错误消息?@LVarayut-使用“按$index跟踪”后,我没有收到任何错误消息,但它向我显示空白记录,或者您可以说它没有显示数据库中的数据。我在函数参数中将$scope重命名为scope。请检查下一行,即:-.controller('wrapperController',['$scope','$rootScope','$http',函数(scope,rootScope,http)仍然不起作用:(@Ananddeepsingh你能在scope.crew数组中发布你的数据吗?我已经用过了,但它不起作用。它显示的记录和数据的空白数字也不正确。@Ananddeepsingh你得到了什么错误消息?@LVarayut-使用“track by$index”后,我没有收到任何错误消息但它向我显示空白记录,或者你可以说它没有显示数据库中的数据。我在函数参数中将$scope重命名为scope。请检查下面的行,即:-.controller('wrapperController',['$scope','$rootScope','$http',函数(scope,rootScope,http)仍然不起作用:(@Ananddeepsingh)你能在scope.crew数组中发布你的数据吗?