带分页的角度搜索

Question

我正在尝试将搜索框与分页功能结合起来。

考虑以下图像列表的标记：

<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>

我的问题是，这样只会搜索当前页面中的图像。如果我搜索出现在第 2 页上的图像并且我在第 1 页上，则它不会作为结果出现。我怎样才能首先应用搜索过滤器而不是“分页”？

编辑 现在的问题是，在搜索框中输入超过 1 个字母后，没有搜索结果。 对于我的分页，我使用以下过滤器：

app.filter('startFrom',function(){
        return function(input,start) {
            start = +start; //int parsing
            return input.slice(start);
        }
});

也许这就是问题所在？

Answer 1

您应该将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">