Solution au problème de chargement par traction ionique et angulaire

Cet article présente principalement comment résoudre le problème du chargement par traction ionique et angulaire. Les amis qui en ont besoin peuvent s'y référer

En ce qui concerne le chargement par traction ionique, c'est la même chose que. Pagination PC. Elle doit être en html. Ajoutez

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

en bas de la liste des données, lorsque ng-if est vrai, et. la liste n'est pas remplie, elle sera chargée automatiquement loadMore();

<span style="font-size:18px;">      $scope.loadMore = function() { 
      Msdk.postJSON(&#39;/informNotice/queryNoticeInfo&#39;, { 
          pageIndex: $scope.newsList.pageIndex, 
          pageSize: $scope.newsList.pageSize, 
          informIds: $scope.newsList.informIds 
        }, 
        function(e) { 
          if(e.length != 0) { 
            //把每次请求到的数据都拼接起来 
            var a = $scope.notice; 
            $scope.notice = a.concat(e); 
            console.log($scope.notice); 
            //广播上个加载结束，有条件进行下个加载 
            $scope.$broadcast(&#39;scroll.infiniteScrollComplete&#39;);             $scope.newsList.pageIndex++;</span>

<span style="font-size:18px;">                        //如果请求到的数据小于pageSize，证明没数据可读</span> 

<span style="font-size:18px;"><span style="white-space:pre">            </span>//hasmore变为false，不会执行上拉加载 
            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(&#39;scroll.infiniteScrollComplete&#39;); 
          } 
        }) 
    }</span>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!