无限滚动方法不触发

Question

我在我的项目中使用ngInfiniteScroll将大量数据加载到UI中。

这里是我的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>