javascript - 如何在 AngularJS 中使用过滤器从数组中删除项目？

Question

当我在没有任何过滤器的情况下单击 tr 时，我的函数 array.splice() 起作用。数组中的索引顺序正确，因此 array.splice() 有效。

启用过滤器后，数组中的索引不会更新，并且仍按相同的顺序排列。所以 array.splice() 删除了错误的项目。

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

如何更新数组中的索引？或者如何删除正确的项目？

Answer 1

使用 indexOf 可以更轻松地将项目拼接在数组中元素的实际位置。

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

这样您只需将当前项目传递给 remove 函数。

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