Question

＆＃13;

<div class="row">
    <div class="col-sm-5">
        <div class="dataTables_info" id="example2_info" role="status" aria-live="polite">
        </div>
    </div>
    <div class="col-sm-7">
        <div class="dataTables_paginate paging_simple_numbers" id="example2_paginate">
            <ul class="pagination">
                <li class="paginate_button previous disabled" id="example2_previous">
                    <a href="#" aria-controls="example2" data-dt-idx="0" tabindex="0">Previous</a></li>
                <li class="paginate_button active"><a href="" aria-controls="example2" ng click="paginationList(1)" data-dt-idx="1" tabindex="0">1</a>
                </li>
            </ul>
        </div>
    </div>
</div>

＆＃13;

上面是我的html以及如何动态显示1到5的数字，如果我的列表中有50个项目

Answer 1

| limitTo : query.limit : (query.page-1)*query.limit"

您可以使用limitTo覆盖列表或表格的ng-repeat。

$scope.query = {
   page : 1,
   limit : 20
};

$scope.previousPage = function(){
    $scope.query.page = $scope.query.page - 1;
}
$scope.nextPage = function(){
    $scope.query.page = $scope.query.page + 1;
}

您可以将验证放在第一页和最后一页。

如何使用javascript分页表列表？

1 个答案: