javascript - AngularJS 为数组中的对象创建 Id-s

Question

我对编程还很陌生，我有一个非常令人沮丧的问题。我确实花了几个小时来寻找答案，但失败了。

所以基本上我正在制定一个详细的待办事项列表。我的 todos 是数组中的对象。我现在应该为主从事物创建不同的 View ，但我无法通过 ID 分隔对象。

这是我的 AngularJS 代码:

myTodoList.controller("mainController", ['$scope', function($scope, $route, $routeParams, $location) {
    $scope.todos = [{
        'id': 0,
        'title': '',
        'done': false,
        'priority': '',
        'deadLine': '',
    }];

    $scope.$route = $route;
    $scope.$location = $location;
    $scope.$routeParams = $routeParams;
    $scope.params = $routeParams;
    $scope.todos = [];

    $scope.addTodo = function(title, priority, deadLine, id) {
        $scope.todos.push({
            'id': $scope.todos.id,
            'title': $scope.newTodo,
            'done': false,
            'priority': $scope.newPriority,
            'deadLine': $scope.newDeadLine
        });
        $scope.newTodo = ''
        $scope.newPriority = ''
        $scope.newDeadLine = ''
        $scope.todos.id++;
    }

在这种情况下，当我尝试通过 :id 创建路由时，它说它是 NAN (我想不是一个数字)。但如果我将代码更改为:

$scope.addTodo = function(title, priority, deadLine, id) {
        $scope.todos.push({
            'id': 0,
            'title': $scope.newTodo,
            'done': false,
            'priority': $scope.newPriority,
            'deadLine': $scope.newDeadLine
        });
        $scope.newTodo = ''
        $scope.newPriority = ''
        $scope.newDeadLine = ''
        $scope.todos.id++;
    }

这样，'id': 0，然后所有待办事项都会得到数字 0，如 ID 中所示。已经三天了，我还没能把这件事做好。

Answer 1

不知道为什么你使用数组来保存最后一个 id，但问题是你没有初始化 id；

var id;
id++; //NAN

正如您所看到的，Javascript 非常丢失，您可以向数组添加属性并对 undefined variable 使用运算符，而不会出现任何错误。在您的情况下，初始化数组后立即 $scope.todos.id = 0; 应该可以解决问题。

但最好将最后一个 id 保存在另一个变量中，并且不需要在作用域内，只需 var lastId = 0; 和 lastId++ 就够了。