無限滾動方法不觸發

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>