[英]AngularJS pagination only shows one page
我正在使用angular-ui-bootstrap-tpls版本:0.14.3來分頁我從某些數據庫中獲得的某些結果,問題是分頁始終如下所示:
<< < 1 > >>
設置為固定值還是動態值都沒有關系,它始終保持不變。 這是我的html代碼:
<uib-pagination total-items="bigTotalItemsMapfre"
ng-model="bigCurrentPageMapfre" max-size="maxSize" class="pagination-sm"
boundary-links="true" ng-change="pageChangedMapfre()" id="pagMapfre"
first-text="«" previous-text="‹" next-text="›"
last-text="»" style="margin-bottom: 5px; margin-top: 5px;"></uib-pagination>
javascript:
var app=angular.module('app',['ngRoute', 'ui.bootstrap']);
app.controller("ctrl",["$http","$scope","servicio",function($http,$scope,servicio){
$scope.paginationMapfre = {
currentPage: 1,
maxSize: 5,
totalItems :50
};
$scope.init=function(){
//some petitions to the database
servicio.load(url_comentarios+"@mapfre_mx'&page="+$scope.paginationMapfre.currentPage).then(function(info){
$scope.comentariosMapfre=info.data.content; //content to paginate
$scope.paginationMapfre.totalItems = info.data.totalElements; //total elements
});
$scope.pageChangedMapfre = function(){
servicio.load(url_comentarios+"@mapfre_mx'&page="+$scope.bigCurrentPageMapfre).then(function(info){
$scope.comentariosMapfre=info.data.content; //update the content with another petition to the DB
});
}
}
}]);
我不確定我錯過了什么/做錯了什么,為什么它不起作用? 我是從角度站點遵循代碼。 注意:數據庫的結果總是大於10,因此應在調用函數時更新paginationMapfre.totalItems。
在分頁指令中,您將total-items
設置為bigTotalItemsMapfre
<uib-pagination total-items="bigTotalItemsMapfre" ...
您是否將bigTotalItemsMapfre
設置為任何地方的數組長度?
查看您控制器的代碼,它應該是:
<uib-pagination total-items="paginationMapfre.totalItems" ...
or
<uib-pagination total-items="paginationMapfre.length" ...
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.