이온 골격을 사용한 무한 스콜링

Question

나는 안드로이드 용 애플리케이션을 개발 중이며 "이온 프레임 워크"라는 프레임 워크를 사용하고 있습니다. 여기에 내 문제는 "이온 무한 스크롤"의 무한 스크롤 시스템 프레임 워크로 시스템을 만들어야한다는 것입니다.

내 컴퓨터에서 Chrome에 대한 테스트를 수행했을 때 페이지에서 내 위치에도 불구하고 멈추지 않는 ion-infinite-scroll이 있습니다.

시스템이 작동하도록 코드를 어떻게 배치합니까? 감사합니다

컨트롤러

$scope.loadMore = function(){ 
    console.log("LoadMOre"); 



    imageCache.init().then(function() { 
     BonjourTwitterRepository.populate($scope); 
    }); 
    $scope.$broadcast('scroll.infiniteScrollComplete'); 
    $scope.$broadcast('scroll.resize'); 



    console.log($scope.tweetsList); 
    if(false){ 
     console.log("ok"); 
     $scope.noMoreItemsAvailable = true; 

    } 
    $scope.currentIndex = $scope.currentIndex + $scope.perPage; 

}; 

저장소

var populateCollection = function (tweets, $scope) { 
    collection = new TweetCollection(); 
    console.log($scope.currentIndex); 
    for (var i = $scope.currentIndex; i < $scope.perPage; i++) { 
     collection.addTweets(new Tweet(tweets[i], $scope, imageCache)); 

    } 
    $scope.tweetsList = collection; 

}; 

보기

<ion-item class="item item-body"> 
     <div class="item item-image"> 
      <img ng-src="{{tweet.media_url}}" src="img/loading1.gif"/> 
     </div> 
     <p> 
      by : <a href="https//twitter.com/{{tweet.getUsername()}}">@{{tweet.getUsername()}}</a> 
     </p> 

    </ion-item> 
    <div class="item tabs tabs-secondary tabs-icon-left"> 
     <p> 
      <a href="#" class="rating-poll"><i class="icon-thumbs-up"></i></a> 
      <a href="#" class="rating-poll"><i class="icon-thumbs-down"></i></a> 
     </p> 

     <p> 
      <button ng-click="shareThis('{{tweet.media_url}}')" class="button icon button-clear "><i 
        class="icon ion-share"></i>Share 
      </button> 

     </p> 


    </div> 
</ion-list> 
<ion-infinite-scroll></ion-infinite-scroll> 

Answer 1

<ion-infinite-scroll 
     on-infinite="fetchTrucks()" 
     distance="10%"> 
</ion-infinite-scroll> 

여기 http://codepen.io/aaronksaunders/pen/gDrev