AngularJS'de filtre ile diziden öğe nasıl kaldırılır?

Question

Herhangi bir filtre kullanmadan tr'u tıklattığımda, array.splice() işlevim çalışır. Dizideki dizinler doğru sırada, array.splice() çalışır.

Filtre etkinleştirildiğinde, dizideki Dizinler güncelleştirilmez ve hala aynı sıradadır. Yani array.splice() yanlış öğeyi kaldırır.

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

Dizide dizin nasıl güncellenir? Ya da doğru öğeyi nasıl kaldırılır?

Answer 1

En basit çözüm, çıkartma işlevinizi, dizin yerine projeye almak için değiştirmek olabilir.

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

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

Answer 2

O indexOf kullanarak dizide elemanın mevcut pozisyondaki size projeleri üzerinde kesikler daha kolaydır.

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

Bu şekilde, yalnızca geçerli projeyi kaldır işlevine geçmeniz gerekir.

<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>