2016-11-18 9 views
0
私は、角-UI-ブートストラップ・TPLSのバージョンを使用してい

AngularJSページネーションしか示して1ページ

<< <1> >> 
:0.14.3を私はいくつかのデータベースから持って来るいくつかの結果をページ付けするために、問題は、改ページは常にこのようになっていることです

固定値または動的値で設定するかどうかは関係ありませんが、常に同じです。 は、ここに私の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="&laquo;" previous-text="&lsaquo;" next-text="&rsaquo;" 
        last-text="&raquo;" 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 
      }); 
     } 



    } 

}]); 

私ではない、それは動作しませんなぜ私は、間違っている/欠けているものを確認してください?私は角の場所からのコードに従っていた。 注: DBからの結果は常に10以上です。したがって、関数が呼び出されたときにpaginationMapfre.totalItemsを更新する必要があります。あなたはtotal-items

bigTotalItemsMapfreから
<uib-pagination total-items="bigTotalItemsMapfre" ... 

を設定しているページネーションディレクティブで

答えて

1

あなたはどこにでも配列の長さにbigTotalItemsMapfreを設定していますか?

それはかなりあるべきあなたのコントローラのコードを見て:X /、ああ、私はそれを更新するのを忘れ考える

<uib-pagination total-items="paginationMapfre.totalItems" ... 
or 
<uib-pagination total-items="paginationMapfre.length" ... 
+0

、ええそれはそれをやった、どうもありがとう! –

関連する問題