How does on-infinite-scroll work( 1.0.0-beta.14)

ionic-v1
1

I have a mark up

    <ion-content>
      <ul>
     <li ng-repeat-start="flight in collection | offset:(page * 10) | limitTo:10">
......
     </ul>
     <ion-infinite-scroll on-infinite="loadMore()"></ion-infinite-scroll>
    </ion-content>

then the filter

.filter('offset',function(){
	return function (input, offset) {
    	return (input instanceof Array) ? input.slice(0,offset) : input; 
  	}
})

then the controller

 $scope.loadMore = function()
	{
		if($scope.collection.length > 0)
			$scope.$apply(function(){ $scope.page++;  });
		console.log('ok');
		$scope.$broadcast('scroll.infiniteScrollComplete');
	}

But when i try to run the code the infiniteScroll keeps repeating. I can’t stop it. is it that on-inifinite-scroll is meant for adding one item to the list at a time?
Is the ng-repeat interfering with the infinite-scroll cycle?

2

Anybody got any answers on this?