真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

重慶分公司 重慶分公司

• 網(wǎng)站建設(shè)
• 網(wǎng)站制作
• 網(wǎng)站營銷
• 小程序
• 新聞動態(tài)
• 成功案例
• 關(guān)于我們
028-86922220

• 網(wǎng)站建設(shè)
• 網(wǎng)站制作
• 網(wǎng)站營銷
• 小程序
• 新聞動態(tài)
• 成功案例
• 關(guān)于我們

 
   
     
       
         姓名
         年齡
         電話
         職位
           
     
     
       
         {{item.name}}
         {{item.age}}
         {{item.tel}}
         {{item.position}}
       
     
   
 

3、javascript代碼部分

分頁的重點是從后臺獲取數(shù)據(jù)，只需把pageSize（每頁顯示數(shù)目），以及pageIndex（當前頁數(shù)）通過post請求傳到后臺即可。后臺返回實際的數(shù)據(jù)以及pageCount（頁數(shù)）給前臺即可。其中，onPageChange()方法是點擊頁碼后去通過ajax從后臺獲取數(shù)據(jù)，myinit()方法是第一次請求該頁面時進行初始化。$scope.currentPage就是頁數(shù)，例如當你點擊下一頁的時候，它就會加一，然后就可以通過post請求去后臺取下一頁的數(shù)據(jù)了。

var app = angular.module('myApp', ['ng-pagination']);
app.controller('myCtrl', ['$scope', function ($scope) {
  $scope.onPageChange = function() {
     // ajax request to load data
     console.log($scope.currentPage);
     //這里是post請求去后臺取數(shù)據(jù)
     $.ajax({
       type:"post",
       url:'/nutz-test/show/pagination',
       data:{
         "pageSize":5,
         "pageIndex":$scope.currentPage
       },
       dataType:"json",
       success:function(data){
         $scope.$apply(function () {
           $scope.list = data.list;
           $scope.pageCount = data.pageCount;
          });

       }
     })
    };
    //初始化，設(shè)置為第一頁，每頁顯示5條
    $scope.myinit = function(){
      $.ajax({
         type:"post",
         url:'/nutz-test/show/pagination',
         data:{
           "pageSize":5,
           "pageIndex":1
         },
         dataType:"json",
         success:function(data){
           $scope.$apply(function () {
             $scope.list = data.list;
             $scope.pageCount = data.pageCount;
            });

         }
       })
    };
    $scope.myinit();
}]);

注意事項

1、該插件在只有一頁的情況會出現(xiàn)分頁插件加載不出來的情況，因此需要修改ng-pagination.js的代碼。

打開ng-pagination.js，定位到最后的template，修改pageCount>=1，如下圖所示。

2、在ie瀏覽器和360瀏覽器不支持跳轉(zhuǎn)功能，原因是ie和360沒有number.isNaN()方法，因此需要修改分頁插件的該方法，改為isNaN()。

定位到ng-pagination.js的Number.isNaN()方法，把該方法修改為下圖所示。

以上是“angularjs+bootstrap如何實現(xiàn)自定義分頁”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道！

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。