中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

angularjs結(jié)合pagination插件實(shí)現(xiàn)分頁功能的示例分析-創(chuàng)新互聯(lián)

小編給大家分享一下angularjs結(jié)合pagination插件實(shí)現(xiàn)分頁功能的示例分析,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!

成都創(chuàng)新互聯(lián)是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷策劃、微信小程序定制開發(fā)、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動(dòng)互聯(lián)開發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立十年以來,已經(jīng)為上1000+成都軟裝設(shè)計(jì)各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)。現(xiàn)在,服務(wù)的上1000+客戶與我們一路同行,見證我們的成長;未來,我們一起分享成功的喜悅。

angularjs與pagination插件可以完美實(shí)現(xiàn)前端的分頁,篩選,搜索等功能,前提當(dāng)然需要有后臺(tái)開發(fā)配合,今天我們只說前端實(shí)現(xiàn):

1、引入pagination插件,在angularjs引入之前先加載pagination插件;

2、在定義controller的時(shí)候,需要注入pagination插件;

3、分頁前端原理基本需要有個(gè)默認(rèn)異步請(qǐng)求,當(dāng)點(diǎn)擊分頁,再次請(qǐng)求數(shù)據(jù)并向后臺(tái)發(fā)送當(dāng)前頁碼,如果有搜索數(shù)據(jù)或者篩選數(shù)據(jù)功能,在發(fā)送請(qǐng)求的同時(shí)需要帶上與后臺(tái)開發(fā)共同定義的搜索參數(shù);

4、基本模板:

var url = '請(qǐng)求路徑';
  
  $http({
    method:"post",
    url:url
  }).success(function(_data) {
    $scope.contentlist = _.data.items;//數(shù)據(jù)列表
        $scope.pageparameters = _data.data;
    $scope.Searchparameters = {
        //定義你的搜索參數(shù)
    }
    // 初始化分頁數(shù)據(jù)
    var pagination;
    $scope.paginationInt = function($data) {
      pagination = $scope.pagination = Pagination.create({
        
        itemsCount: $data.total_items, // 總數(shù)
        itemsPerPage: $data.epage, // 每頁條數(shù)
        currentPage: $data.page // 當(dāng)前頁碼
      });
      
      // 分頁操作
      pagination.onChange = function(page) {
        $scope.page(page);
      };
    };
    $scope.paginationInt($scope.pageparameters);
    // 篩選過濾列表頁時(shí)傳遞的參數(shù)
    $scope.borrowSearch = function(type, val) {
      $scope.borrowData[type] = val;
      $scope.page(1);//每次搜索都從第一頁開始
    };
    // 排序
    $scope.SearchTab = {};
    $scope.SearchStatus = true;
    $scope.current = {
      //你的參數(shù)
    };
    // 頁碼跳轉(zhuǎn)操作
    $scope.skipInput = function(page, endPage) {
      if (!isNaN(page)) {
        var page = parseInt(page, 20),
          endPage = parseInt(endPage, 20);
        if (page > endPage || page <= 0) {
          $scope.skipError = true;
        } else {
          $scope.skipError = false;
        }
      } else {
        $scope.skipError = true;
      }
    };

    $scope.page = function(page) {
      $scope.Searchparameters.current_page = page;

// 分頁方法 
$http({ url:url, method:"post", params:$scope.Searchparameters }).success(function(data) { $scope.contentlist = data.items; }); }; });

看完了這篇文章,相信你對(duì)“angularjs結(jié)合pagination插件實(shí)現(xiàn)分頁功能的示例分析”有了一定的了解,如果想了解更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道,感謝各位的閱讀!

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

網(wǎng)站名稱:angularjs結(jié)合pagination插件實(shí)現(xiàn)分頁功能的示例分析-創(chuàng)新互聯(lián)
本文地址:http://m.rwnh.cn/article34/espse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開發(fā)、自適應(yīng)網(wǎng)站定制網(wǎng)站、手機(jī)網(wǎng)站建設(shè)微信小程序、企業(yè)建站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)
长兴县| 托克逊县| 农安县| 景德镇市| 卓资县| 海宁市| 伊金霍洛旗| 天镇县| 海南省| 伊金霍洛旗| 莆田市| 苏州市| 彩票| 麻阳| 尼玛县| 陇南市| 鹤山市| 富锦市| 延川县| 科技| 略阳县| 通海县| 松原市| 南城县| 涟水县| 徐闻县| 定日县| 新沂市| 正镶白旗| 湘潭县| 康平县| 寿光市| 高唐县| 商水县| 金秀| 安吉县| 普兰店市| 安新县| 濮阳县| 安福县| 石河子市|