<div >
<div infinite-scroll='loadMore()' infinite-scroll-distance='2'>
<img ng-repeat='image in images' ng-src='http://placehold.it/225x250&text={{image}}'>
</div>
$scope.images = [1, 2, 3, 4, 5, 6, 7, 8];
$scope.loadMore = function () {
console.log('scroll');
var last = $scope.images[$scope.images.length - 1];
for (var i = 1; i <= 30; i++) {
$scope.images.push(last + i);
}
};
Upon entering the page, the loadMore function is called. However, after scrolling down, it seems to no longer be triggered. What could be causing this behavior?