Comment supprimer un élément d'un tableau avec un filtre dans AngularJS?

Quand je clique sur trsans filtre, ma fonction array.splice() œuvres. Index dans le tableau sont dans le bon ordre, de sorte que le array.splice() œuvres.

Lorsque le filtre est activé, les Index dans le tableau ne sont pas mis à jour et toujours dans le même ordre. Donc array.splice() supprime le mauvais article.

    <span ng-click="orderP0 = 'statut_name'; reversePO=!reversePO">order</span>

    <tr ng-repeat="project in projects | orderBy : orderPO : reverse track by $index" ng-click="remove($event,$index,projects)">
        <span class="label" ng-bind="project.statut_name"></span>
    </tr>

    $scope.remove = function($event,index,array){
        array.splice(index,1);
    };

Comment mettre à jour l'index dans le tableau ? Ou Comment supprime l'élément de droite ?

source d'informationauteur Steffi

  1. 8

    La solution la plus simple serait de changer votre fonction de suppression de prendre dans le projet au lieu de l'index. 

    $scope.remove = function(project){
    for(var i = $scope.projects.length - 1; i >= 0; i--){
        if($scope.projects[i].statut_name == project.statut_name){
            $scope.projects.splice(i,1);
        }
    }
}

    Exemple Plunker: http://plnkr.co/edit/51SNVMQjG3dsmpYI5RyY?p=preview

  2. 21

    Il est plus facile à épisser vous des projets dans la position réelle de l'élément dans le tableau à l'aide indexOf.

    $scope.remove = function(project){
    $scope.projects.splice($scope.projects.indexOf(project),1);
}

    De cette façon, vous devez passer à la fonction de suppression seulement le projet en cours.

    <tr ng-repeat="project in projects | orderBy : orderPO : reverse track by $index" ng-click="remove(project)">
    <span class="label" ng-bind="project.statut_name"></span>
</tr>