Fatal编程技术网
  • javascript/
  • Javascript 无限滚动ionic framewrok:Loadmore（）被多次调用

Javascript 无限滚动ionic framewrok:Loadmore（）被多次调用

javascript angularjs cordova ionic-framework

Javascript 无限滚动ionic framewrok:Loadmore（）被多次调用,javascript,angularjs,cordova,ionic-framework,Javascript,Angularjs,Cordova,Ionic Framework,我正在使用ionic infinite scroll从php api服务加载数据 问题在于，在无穷大属性（即loadmore函数）上定义的方法在到达底部时会被多次调用 这是我的密码 <div class="card" ng-repeat="result in results"> <div>{{result.name}}</div> </div> <ion-infinite-scroll immediate-check="false" on-

我正在使用ionic infinite scroll从php api服务加载数据

问题在于，在无穷大属性（即loadmore函数）上定义的方法在到达底部时会被多次调用

这是我的密码

<div class="card" ng-repeat="result in results">
 <div>{{result.name}}</div>
</div>
<ion-infinite-scroll immediate-check="false" on-infinite="loadMore()" distance="10%" ng-if="!noMoreItemsAvailable"></ion-infinite-scroll>
当控制台消息到达底部时，我会多次单击
Load more item
，有时会无限次。
有人知道为什么会这样吗？

调用
$scope.$broadcast（'scroll.infiniteScrollComplete'）从服务中获取数据并将其分配到
范围后


在这种情况下，调用应该在
$scope.results=$scope.results.concat（msg.data）之后
你修好了吗？如果不创造一个劫掠者，我会帮助你。

$scope.loadMore=function(){

        console.log("Load more item clicked");
   //get data from api service
   $http.get(url).then(function(msg){
       $scope.results=$scope.results.concat(msg.data)
     });
};