当 ng-model search 放东西时，dirPagination 数字不会改变

Question

起初，我使用 dirPagination。问题是，当我搜索某些内容时，它被正确过滤，但分页编号没有改变，并且还显示分页中的所有最后一个数字而没有任何变化，我看到一些页面是空的，因为它确实过滤但显示了页码。

<div data-ng-controller='productsController'>
    <form `class='form-inline'>
        <div class='form-group'>
            <label>search</label>
            <input type='text' data-ng-model='search' class='form-control' placeholder='search' />
        </div>
    </form>

    <table class='table table-striped'>
        <thead>
            <tr>
                <th>#</th>
                <th>product</th>
                <th>imet</th>
                 </tr>
        </thead>
        <tbody>
            <tr dir-paginate='product in products|itemsPerPage:12|filter:search|orderBy:sortKey:reverse'>
                <td>{{product.id}}</td>
                <td>{{product.productName}}</td>
                <td>{{product.time}}</td>
            </tr>
        </tbody>
    </table>
    <dir-pagination-controls max-size='10' direction-links='true' boundary-links='true' >
    </dir-pagination-controls>
    <script>
        (function(){
        var app = angular.module('products', ['angularUtils.directives.dirPagination']);
        app.controller('productsController', function($scope, $http){
        $scope.products = [];
        $http.get('/products/json').success(function(data){
            $scope.products= data;
        });
    });
    })();
</script>
</div>

Answer 1

itemsPerPage必须是最后一个filter，如下：

<tr dir-paginate='product in products | filter: search | orderBy: sortKey: reverse | itemsPerPage: 12'>

更多解释，请查看FAQ on michaelbromley/angularUtils/。

当 ng-model search 放东西时，dirPagination 数字不会改变

dirPagination numbers not change when ng-model search put something

angularjs

dirpagination