[英]Angular Search with Pagination
我正在尝试将搜索框与分页功能结合在一起。
考虑以下标记以获取图像列表:
<div class="panel panel-info" ng-repeat="image in galleryCtrl.images |
startFrom: galleryCtrl.currentPage * galleryCtrl.resultsPerPageNum |
limitTo: galleryCtrl.resultsPerPageNum | filter: search | orderBy: sort">
和我的搜索框:
<div class="form-group" ng-hide="mySearch === 'false'">
<label for="searchbox">Search: </label>
<input type="text" id="searchbox" ng-model="search"
class="form-control" placeholder="What are we searching for?">
</div>
我的问题是,这样只搜索当前页面中的图像。如果我搜索出现在第二页上的图像,而我在第一页上,则不会显示结果。 如何先应用搜索过滤器,然后再“分页”?
编辑现在的问题是,在搜索框中键入多个字母后,没有搜索结果。 对于我的分页,我使用以下过滤器:
app.filter('startFrom',function(){
return function(input,start) {
start = +start; //int parsing
return input.slice(start);
}
});
也许这是问题所在?
您应该移动filter: seach
在过滤器列表中向前搜索。 这样,首先过滤数据,然后分页,然后排序。
像这样:
<div class="panel panel-info" ng-repeat="image in galleryCtrl.images | filter: search | startFrom: galleryCtrl.currentPage * galleryCtrl.resultsPerPageNum | limitTo: galleryCtrl.resultsPerPageNum | orderBy: sort">
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.