javascript - 如何更新 AngularJS 中的列表？

Question

我在 AngularJS 中创建了一个 TODO 列表，但没有完成更新功能。我有一些困难。

如何创建更新函数？

链接:https://plnkr.co/edit/XfWoGVrEBqSl6as0JatS?p=preview

<ul class="list-todo">
        <li ng-repeat="t in tasks track by $index">
            <div class="row">
                <div class="six columns">
                    <p>{{ t }}</p>
                </div>
                <div class="three columns">
                    <button class="button" ng-click="update()">update</button>
                </div>
                <div class="three columns">
                    <button class="button" ng-click="delete()">x</button>
                </div>
            </div>
        </li>
    </ul>

Angular 代码:

angular.module('todoTest', [])
.controller('todoController', function($scope) {
    $scope.tasks = [];
    $scope.add = function() {
      $scope.tasks.push($scope.dotask);
    }
    $scope.update = function(){
        $apply.tasks.push($scope.dotask);
    }
    $scope.delete = function() {
      $scope.tasks.splice(this.$index, 1);
    }
})

Answer 1

如果要更新值，则必须将任务在任务数组中的位置作为参数传递($index 是位置):

<button class="button" ng-click="update($index)">update</button>

然后更新函数将是:

$scope.update = function(index){
    $scope.tasks[index] = $scope.dotask;
}

这是你需要的吗？