在angularjs中基于过滤器从数组中移除元素

Remove elements from array based on filter in angularjs

本文关键字：数组 元素 过滤器 angularjs      更新时间：2023-09-26

我如何从数组中删除基于过滤器的元素，当'quantity'为0和'isSelected'为false时仅删除这些索引?任何的建议。下面是我的代码:

<table data-ng-repeat="st in Absorb track by $index" data-ng-cloak data-ng-init="remove(st)">                                          
    <tr>
        <td>                                                    
            <input type="radio" name="groupName" data-ng-model ="st.isSelected" data-ng-checked="(st.isSelected == true)"/>
        </td>
        <td>                                                       
            <span>{{st.ProjectedQuantityOnHand}}</span>
        </td>
        <td style="display:none" data-ng-if="st.ProjectedQuantityOnHand == 0">                                                       
            <input type="number" data-ng-model="st.ProjectedQuantityOnHand" style="display:none">
        </td>
    </tr>
</table>

JS代码:

$scope.Absorb = [
    {"Name":"apple", ProjectedQuantityOnHand:"0", isSelected:true},
    {"Name":"mango", ProjectedQuantityOnHand:"0", isSelected:false}
    {"Name":"ball", ProjectedQuantityOnHand:"1", isSelected:false}
    {"Name":"football", ProjectedQuantityOnHand:"1", isSelected:false}
]
$scope.remove = function (item) {
     var availableqauantity = 0
     debugger
     angular.forEach($scope.StockList, function (i) {
        var FilteredProduct1 = $filter('filter')($scope.StockList, { isSelected: false, ProjectedQuantityOnHand: 0 });
        if (FilteredProduct1.length > 0) {
            availableqauantity = FilteredProduct1[0].ProjectedQuantityOnHand;
        if (availableqauantity == 0)
            $scope.StockList.splice(i,1);
        }
     });
}


<table data-ng-repeat="st in Absorb | filter:{isSelected: '!false', ProjectedQuantityOnHand: '!0'} track by $index" data-ng-cloak>

这将只显示那些isSelected不同于false且ProjectedQuantityOnHand不同于0的项目。不需要外部功能

https://plnkr.co/edit/gPz5pKSIOxZ6odSU3TfF?p =

预览

检查这个例子。这里我做了一个自定义过滤器，只在ProjectedQuantityOnHand为0且isSelected为false时隐藏项目。

app.filter('customFilter', function() {
  return function(values) {
    var filtderResult = [];
    angular.forEach(values, function(value) {
      if (value.isSelected || value.ProjectedQuantityOnHand !== 0) {
        filtderResult.push(value);
      }
    });
    return filtderResult;
  }
});
相关文章：