Angularjs：インデックスを使用してアイテムを削除

Question

コンテキスト：私は各タスクをmysqlに保存するためにAPIを使用するタスクリストを持っています。 私delete methodはNGクリック（ng-click="remove(todo, $index)"）とボタンによってトリガーとは以下のように見えます。

$scope.remove = function (todo, index) { 
    $http({ 
     method: 'DELETE', 
     url: 'http://api.dev/api/task/delete/' + todo.id }).then(function (response) { 
     $scope.todos.splice(index, 1); 
     }); 
    }; 

これはうまく動作しますが、私はそれがtodoを渡すだけ使用せずに動作させる可能性がどのように思ったんだけどindex？

Answer 1

同じ配列を使用することにより、リストには - todosを入力します。フィルタを適用したり、リストを作成するときに順序を使用したりして、リスト内の項目の順序を操作していないと仮定します。

$scope.remove = function (index) { 
    var listElement = $scope.todos[index]; 
    $http({ 
     method: 'DELETE', 
     url: 'http://api.dev/api/task/delete/' + listElement .id }).then(function (response) { 
     $scope.todos.splice(index, 1); 
     }); 
    }; 

これは、リストの順序を混乱させることがあるため、これはベストプラクティスではありません。

ここでは、私が何を話しているかを示す少しのデモです。コントローラーでリストの順序を調べます。さて、HTMLの名前の後のインデックスを見てください。

demo