javascript - ng :repeat dupes. 在 ng-repeat 中获取重复数据

Question

嘿，我的 Angular 应用程序在重复数据方面遇到了问题。我已经将问题确定为精确的 ng-repeat，但我看不出它有什么问题。我收到一条错误消息，说我有重复数据，但我看不到它是如何发生的，因为我的数据库中目前只有 4 个项目。我已经尝试过不同的事情，比如重命名等等，但对我来说它看起来是正确的，所以我有点困惑为什么我会收到错误。我在想也许数据被加载了两次但不确定如何加载？无论如何，我将发布相关代码，如果那里有一些有棱 Angular 的上帝可以指出我的方向，我将永远感激不已。

错误信息是:angular.min.js:84 错误:[ngRepeat:dupes] http://errors.angularjs.org/1.2.9/ngRepeat/dupes?p0=task%20in%20tasks%20track%20by%20task.id%20%7C%20filter%20%3A%20filterTask&p1=undefined

JavaScript

app.controller('tasksController', function ($scope, $http) {
    getTask(); // Load all available tasks 

    function getTask() {
        $http.post('ajax/getTask.php').success(function (data) {
            $scope.tasks = data;
        });
    }

    $scope.addTask = function (task) {
        $http.post('ajax/addTask.php?task=' + task).success(function (data) {
            getTask();
            $scope.taskInput = '';
        });
    };

    $scope.deleteTask = function (task) {
        if (confirm('Are you sure to delete this line?')) {
            $http.post('ajax/deleteTask.php?taskID=' + task).success(function (data) {
                getTask();
            });
        }
    };

    $scope.toggleStatus = function (item, status, task) {
        if (status == '2') {
            status = '0';
        } else {
            status = '2';
        }
        $http.post('ajax/updateTask.php?taskID=' + item + '&status=' + status).success(function (data) {
            getTask();
        });
    };
});

HTML:

<div class="task">
    <label class="checkbox" ng-repeat="task in tasks track by task.id | filter : filterTask">
        <input
            type="checkbox"
            value="{{task.STATUS}}"
            ng-checked="task.STATUS==2"
            ng-click="toggleStatus(task.ID,task.STATUS, task.TASK)"/>
        <span ng-class="{strike:task.STATUS==2}">{{task.TASK}} [{{task.ID}}]</span>
        <a ng-click="deleteTask(task.ID)" class="pull-right"><i class="glyphicon glyphicon-trash"></i></a>
    </label>
</div>

Answer 1

作为link in the error message建议，您可以使用 track by 解决此问题:

<div ng-repeat="value in [4, 4] track by $index"></div>