Html 分页角度问题
我对分页有问题: 这是我的htmlHtml 分页角度问题,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
<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>