在使用 ng-repeat 应用另一个过滤器之前保留过滤列表

Question

我有一个名为ListA 的列表。我正在对其执行一些过滤器并保存在一个名为 filteredList 的新数组中。

<div ng-repeat="element in filteredList =(ListA| filter: {label:searchCategory.value} |filter:searchString)">

现在，我想使用filteredList 来实现分页。我已经使用splice(start, end) 为另一个页面实现了分页，我更新了start 和end 值以更新可见数组。 添加拼接到过滤器将改变我的filteredList 大小，我需要它来计算分页的页数。

我需要进入ng-repeat 会是这样的

ng-repeat="element in newList.splice(start, end)" where `newList` without splice is essentially `filteredList`.

Answer 1

在这种情况下，您需要在 Javascript 本身中过滤列表。

适合你的场景

在您的控制器中：

var ListA = [<some-data>];

$scope.filteredList = $filter('filter')(ListA, searchString );
$scope.filteredList = $filter('filter')($scope.filteredList, {label:searchCategory.value} );

您应该在单击某些事件时使用过滤器值并在处理程序上重新计算此过滤列表。

如果项目少于 200，那么您可以通过在过滤器表达式上实现观察器来实现实时过滤。