Javascript 我可以使用angularjs中的严格过滤器在所有页面中搜索吗?
我在开发分页div并尝试使用严格的数据进行搜索时遇到了一个问题。我想做的是搜索所有页面,而不仅仅是实际页面。对不起,如果我的英语不好,希望你理解我想做什么,这里有一个JSFIDLE示例帮助你理解我的意思Javascript 我可以使用angularjs中的严格过滤器在所有页面中搜索吗?,javascript,angularjs,pagination,Javascript,Angularjs,Pagination,我在开发分页div并尝试使用严格的数据进行搜索时遇到了一个问题。我想做的是搜索所有页面,而不仅仅是实际页面。对不起,如果我的英语不好,希望你理解我想做什么,这里有一个JSFIDLE示例帮助你理解我的意思 <div ng-controller="pageCtrl"> <label for="searchByName">Search by Name:</label> <input name="searchByName" type="text"
<div ng-controller="pageCtrl">
<label for="searchByName">Search by Name:</label>
<input name="searchByName" type="text" ng-model="search.NOMBRE" placeholder="Nombre" />
<label for="searchByLevel">Search by Level</label>
<select name="searchByLevel" ng-model="search.ESCALON_CONFIANZA">
<option value="">All</option>
<option ng-repeat="n in [1,2,3,4,5,6]" value="{{n}}">Nivel {{n}}</option>
</select>
<ul>
<li ng-repeat="data in filtered | startFrom:(currentPage-1)*entryLimit | limitTo:entryLimit | filter:search:strict">{{data.NOMBRE}}, {{data.ESCALON_CONFIANZA}}</li>
</ul>
<pagination data-boundary-links="true" data-num-pages="noOfPages" data-current-page="currentPage" max-size="maxSize" class="pagination-small" data-previous-text="«" data-next-text="»"></pagination>
</div>
按姓名搜索:
逐级搜索
全部的
尼维尔{{n}
- {{data.NOMBRE},{{data.ESCALON|u CONFIANZA}
Fiddle:您是否尝试过重新排序过滤器,以便在限制数据分页之前进行搜索
<li ng-repeat="data in filtered | filter:search:strict | startFrom:(currentPage-1)*entryLimit | limitTo:entryLimit ">{{data.NOMBRE}}, {{data.ESCALON_CONFIANZA}}</li>
这应该可以解决您的问题。是的,我尝试过按此顺序使用过滤器,它确实有效,非常感谢!但现在我有另一个问题,分页不适合之后的结果。哇!这真的解决了我的问题,再次感谢Sycomor的帮助,我真的很感谢你的帮助!谢谢,这个答案对我帮助很大,但是你能解释一下什么是
filterFilter()
?我搜索了文档,没有filterFilter()
$scope.$watch('search', function (term) {
$scope.filtered = filterFilter($scope.list, term);
$scope.size = $scope.filtered.length;
$scope.noOfPages = Math.ceil($scope.filtered.length / $scope.entryLimit);
}, true);