javascript - 如何从angularjs中的列表中删除特定行

Question

尽管到处搜索，但找不到解决方案我在从列表中删除正确的行时遇到问题。

例如我有以下数组：

$scope.rows = [{
        "ID": 12,
        "customer": "abc",
        "image": "abc.jpg",
},{
        "ID": 13,
        "customer": "klm",
        "image": "klm.jpg",
},{
        "ID": 14,
        "customer": "xyz",
        "image": "xyz.jpg",
}];     

尝试删除 ID = 13 的行（将从节点服务器接收 ID），代码如下：

        Socket.on('delete', function( ID ) {

            var a = $scope.rows.indexOf(ID);
            $scope.rows.splice(a, 1)

        });

但这不会删除正确的行。

如何指定我的参数以删除正确的行，例如：

remove rows("ID" = ID)

Answer 1

indexOf在数组中搜索子字符串（而不是在关系数组中）

试试这个：

var whatIndex = null;
angular.forEach($scope.rows, function(cb, index) {
  if (cb.ID === ID) {
     whatIndex = index;
  }
});

$scope.rows.splice(whatIndex, 1);

Answer 2

删除当前选定的项目：

<a href="#" ng-click="remove($index)">Remove an item</a>                     //this one is dynamically generated link using ng-repeat

 $scope.remove = function (item) {
        $scope.retrieveddata.splice(item, 1);
    }

您可以使用它的索引删除当前项目。（$scope .retreiveddata 是我的数组列表）

Answer 3

在这个函数中传递 id

$scope.deleteCurrentId = function (ID) {
    for (var i = 0; i <= $scope.row.length; i++) {
        if ($scope.row[i].id == ID) {
            $scope.row.splice(i, 1);
        }
    }
};

或者

$scope.deleteCurrentId = function (ID) {
    angular.forEach($scope.row, function (cb, index) {
        if (cb.id == ID) {
            $scope.row.splice(index, 1);
        }
    });
};