Search code examples
javascriptjqueryangularjsangularjs-scope

Remove element from Angular Array


I have a angular array of 5 elements.

$scope.details;

and $scope.details have these following elements [id, name, points].

and now using loop I have added a new element to this $scope.details for every element.

for(var i = 0; i < $scope.details.length; i++){
  $scope.details[i].check = 'f';
}

So, the elements are [id, name, points, check];

Now, after performing the logic i need to remove the check from all 5 elements of $scope.details.


Solution

  • Well, your code aren't adding check property to each element in details Array. To do it update code to:

    for(var i=0; i<$scope.details.length; i++){
      $scope.details[i].check = 'f';
    }
    

    To remove check element from each item use for loop and delete:

    for(var i=0; i<$scope.details.length, i++){
      delete $scope.details[i].check
    }
    

    In your code snippet you adding check property to $scope.details, so you can remove it without for loop:

    delete $scope.details.check