欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

解決ionic和angular上拉加載的問題

 更新時間:2017年08月03日 09:13:31   作者:WangPanJu  
這篇文章主要介紹了解決ionic和angular上拉加載的問題,需要的朋友可以參考下

說到ionic上拉加載就跟pc的分頁是一樣的,他需要在html數(shù)據(jù)列表的最下面邊添加

<ion-infinite-scroll ng-if="hasmore" on-infinite="loadMore()" distance="10%"> 
</ion-infinite-scroll> 

當(dāng)列表為空 當(dāng)ng-if為true的時候, 列表沒有被填充滿的時候 ,他就會自動加載loadMore();

<span style="font-size:18px;">      $scope.loadMore = function() { 
      Msdk.postJSON('/informNotice/queryNoticeInfo', { 
          pageIndex: $scope.newsList.pageIndex, 
          pageSize: $scope.newsList.pageSize, 
          informIds: $scope.newsList.informIds 
        }, 
        function(e) { 
          if(e.length != 0) { 
            //把每次請求到的數(shù)據(jù)都拼接起來 
            var a = $scope.notice; 
            $scope.notice = a.concat(e); 
            console.log($scope.notice); 
            //廣播上個加載結(jié)束,有條件進行下個加載 
            $scope.$broadcast('scroll.infiniteScrollComplete');             $scope.newsList.pageIndex++;</span> 
<span style="font-size:18px;">                        //如果請求到的數(shù)據(jù)小于pageSize,證明沒數(shù)據(jù)可讀</span> 

<span style="font-size:18px;"><span style="white-space:pre">            </span>//hasmore變?yōu)閒alse,不會執(zhí)行上拉加載 
            if(e.length < $scope.newsList.pageSize) { 
              $scope.hasmore = false; 
            } else {</span> 
[javascript] view plain copy
<span style="font-size:18px;"><span style="white-space:pre">              </span>//為true有條件進行下次上拉加載 
              $scope.hasmore = true; 
            } 
          } else { 
            $scope.hasmore = false; 
            $scope.$broadcast('scroll.infiniteScrollComplete'); 
          } 
        }) 
    }</span> 

總結(jié)

以上所述是小編給大家介紹的解決ionic和angular上拉加載的問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

  • Angular4 反向代理Details實踐

    Angular4 反向代理Details實踐

    本篇文章主要介紹了Angular4 反向代理Details實踐,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-05-05
  • Angular4 Select選擇改變事件的方法

    Angular4 Select選擇改變事件的方法

    今天小編就為大家分享一篇Angular4 Select選擇改變事件的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-10-10
  • js常用正則表達(dá)式集錦

    js常用正則表達(dá)式集錦

    這篇文章主要介紹了js常用正則表達(dá)式集錦,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-05-05
  • Angular.js跨controller實現(xiàn)參數(shù)傳遞的兩種方法

    Angular.js跨controller實現(xiàn)參數(shù)傳遞的兩種方法

    這篇文章主要給大家介紹了關(guān)于Angular.js跨controller實現(xiàn)參數(shù)傳遞的兩種方法,文中給出了詳細(xì)的介紹和示例代碼,相信對大家具有一定的參考價值,需要的朋友們下面來一起看看吧。
    2017-02-02
  • 使用Angular material主題定義自己的組件庫的配色體系

    使用Angular material主題定義自己的組件庫的配色體系

    這篇文章主要介紹了使用Angular material主題定義自己的組件庫的配色體系的相關(guān)知識,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-09-09
  • Angular-UI Bootstrap組件實現(xiàn)警報功能

    Angular-UI Bootstrap組件實現(xiàn)警報功能

    這篇文章主要介紹了Angular-UI Bootstrap組件實現(xiàn)警報功能,對Angular.js services的學(xué)習(xí)有所幫助,需要的朋友可以參考下
    2018-07-07
  • AngularJS基礎(chǔ) ng-keypress 指令簡單示例

    AngularJS基礎(chǔ) ng-keypress 指令簡單示例

    本文主要介紹AngularJS ng-keypress 指令,這里幫大家整理了基礎(chǔ)資料,并附是示例代碼,有需要的小伙伴可以參考下
    2016-08-08
  • 深入理解Angular4中的依賴注入

    深入理解Angular4中的依賴注入

    在Angular中使用依賴注入,可以幫助我們實現(xiàn)松耦合,可以說只有在組件中使用依賴注入才能真正的實現(xiàn)可重用的組件。
    2017-06-06
  • AngularJS入門教程(二):AngularJS模板

    AngularJS入門教程(二):AngularJS模板

    這篇文章主要介紹了AngularJS入門教程(二):AngularJS模板,本文是系列文章的第三篇,本系列會用一個項目來講解AngularJS的使用,需要的朋友可以參考下
    2014-12-12
  • 3個可以改善用戶體驗的AngularJS指令介紹

    3個可以改善用戶體驗的AngularJS指令介紹

    這篇文章主要介紹了3個可以改善用戶體驗的AngularJS指令,AngularJS是一款具有很高人氣的JavaScript框架,需要的朋友可以參考下
    2015-06-06

最新評論