how to remove specific row from list in angularjs

Question

Altough searched everywhere, could not find a solution I have a problem with deleting the CORRECT row from the list.

For example I have below array:

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

Trying to delete the row where ID = 13 (ID will be received from node server) with the code as follow:

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

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

        });

But this removes not the correct row.

How can I specify my parameter to delete the right row like:

remove rows("ID" = ID)

Paul Rad · Accepted Answer · 2014-02-19 09:18:32Z

4

indexOf search substring in an array (and not in a relational array)

Try this:

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

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

answered Feb 19, 2014 at 9:18

Paul Rad

4,8821 gold badge26 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

geoidesic Over a year ago

This only works if you're trying to remove a single row. Anyone have a solution for removing multiple rows?

Vicky · Accepted Answer · 2014-02-19 09:36:38Z

2

Remove an current selected item:

<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);
    }

You can remove the current item using it's index.($scope .retreiveddata is my array list )

answered Feb 19, 2014 at 9:36

Vicky

8292 gold badges13 silver badges30 bronze badges

1 Comment

ng-User Over a year ago

thanks for your answer. Your solution works with delete-buttons. I have NOT buttons but I receive an ID to delete the row(s) automatically.

Ankur vijay · Accepted Answer · 2017-09-27 09:43:42Z

0

pass id in this function

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

or

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

answered Sep 27, 2017 at 9:43

Ankur vijay

12 bronze badges

Collectives™ on Stack Overflow

how to remove specific row from list in angularjs

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related