Html 分页角度问题

Html 分页角度问题,html,angularjs,pagination,Html,Angularjs,Pagination,我对分页有问题: 这是我的html <div class="panel panel-info" ng-repeat="item in filteredTodos | orderBy: 'Date' : true | filter : search"> {{item.Name}} </div> <div data-pagination="" data-num-pages="numPages()" data-current-pag

我对分页有问题: 这是我的html

    <div class="panel panel-info" ng-repeat="item in filteredTodos | orderBy: 'Date' : true | filter : search">
     {{item.Name}}
    </div>
<div data-pagination="" data-num-pages="numPages()" 
      data-current-page="currentPage" data-max-size="maxSize"  
      data-boundary-links="true"></div>
所以问题是什么时候我想展示我的结果


我试图更改currentPage=0,以便在视图中单击1,并且只有单击1时才能看到结果。。。当我刷新页面时,同样的问题会重复出现

在您的网页中使用limito重复它比$watch更好

<div class="panel panel-info" ng-repeat="item in filteredTodos | orderBy: 'Date' : true | filter : search"|limitTo:(($scope.currentPage - 1) * $scope.numPerPage):$scope.numPerPage*$scope.currentPage>
 {{item.Name}}
</div>

{{item.Name}

您可以在模板中使用内置的
limito
过滤器轻松完成此操作

<div class="panel panel-info" ng-repeat="item in Offre | limitTo : maxSize : (currentPage * maxSize - maxSize)">
    <!-- print your item details here -->
</div>


然后您可以添加按钮(上一个、下一个、atd),这将更改
currentPage
变量,从而更改显示的内容。

currentPage必须从1开始。如果要测试它,请添加更多数据或将页面大小缩小到足以容纳1个以上页面
<div class="panel panel-info" ng-repeat="item in Offre | limitTo : maxSize : (currentPage * maxSize - maxSize)">
    <!-- print your item details here -->
</div>