метод бесконечной прокрутки не запускается

Question

Я использую ngInfiniteScroll в своем проекте для загрузки больших данных в пользовательский интерфейс.

Вот мой HTML,

<div infinite-scroll='nextPage()'> 
    <div ng-repeat="app in applications">{{app.name}}</div> 
</div> 

В мой контроллер,

$scope.nextPage = function(){ 
    console.log("nextPage"); 
    $scope.page++; 
    ..... 
} 

nextPage() метод вызывается только один раз. Это не срабатывает после первого раза.

Что я делаю неправильно?

Answer 1

Попробуйте использовать этот пример

HTML

<div ng-app='myApp' ng-controller='DemoController'> 
    <div infinite-scroll='loadMore()' infinite-scroll-distance='2'> 
    <img ng-repeat='image in images' ng-src='http://placehold.it/225x250&text={{image}}'> 
    </div> 
</div> 

сценарий

<script> 
var myApp = angular.module('myApp', ['infinite-scroll']); 
myApp.controller('DemoController', function($scope) { 
    $scope.images = [1, 2, 3, 4, 5, 6, 7, 8]; 

    $scope.loadMore = function() { 
    var last = $scope.images[$scope.images.length - 1]; 
    for(var i = 1; i <= 8; i++) { 
     $scope.images.push(last + i); 
    } 
    }; 
}); 
</script>