基於angularjs中的過濾器從陣列中刪除元素

如何從基於過濾器的數組中刪除元素，只在'quantity'爲0且'isSelected'爲false時刪除這些索引？任何建議。這裏是我的代碼：基於angularjs中的過濾器從陣列中刪除元素

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

來源

2016-10-25 Felixerity

你真的想從數組中刪除這些項嗎？還是你想讓它們不顯示？ – Eddi

@Eddi你只是不想爲angulars 1.x或2顯示 – Felixerity

？在角度2中，您可以在組件的類中進行篩選，而不是在使用篩選器管道的模板中進行篩選。 –

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

這將只顯示這些項目，它比假isSelected不同比0 ProjectedQuantityOnHand不同無需外部功能。

UPDATE

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

檢查這個例子。在這裏，我只有在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; 
    } 
});

來源

2016-10-25 14:14:54

我想這不適用於我的情況。我必須只隱藏那些顯示數量爲0的元素，並且必須顯示全部是否被選中或不重要。舉一個例子，假設預計數量是0，但如果它被選中，那麼我必須顯示那個元素。它會工作過濾器：{isSelected：'！false'}但它只會顯示所選記錄的權利？ – Felixerity

您可以刪除isSelected：'！false'以僅隱藏{ProjectedQuantityOnHand：0}元素。或者isSelected屬性還有其他一些功能？ –

耶也有其他的功能。我只發佈那些基於概念的代碼@hardy – Felixerity

基於angularjs中的過濾器從陣列中刪除元素

回答

相關問題