触发添加更多只会调用一次

Question

我在我的angular 1.4.14项目中使用了ngInfiniteScroll＃1.0.0，但似乎无法多次将其“ loadMore”使用。

我什至尝试复制示例代码并将其放在我的应用中，而且似乎也只能运行一次。

请注意，我正在使用CoffeeScript，因此如果您不习惯使用CoffeeScript，我的控制器代码可能会有些奇怪。

控制器：

$scope.images = [
    1
    2
    3
    4
    5
    6
    7
    8
]

$scope.loadMore = ->
    console.log("Calling loadMore ...")
    last = $scope.images[$scope.images.length - 1]
    i = 1
    while i <= 8
        $scope.images.push last + i
        i++
    return

HTML：

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

它只会调用一次loadMore（），因此您只能看到1到16的图像。

在控制台中，我也只看到一个“正在调用loadMore ...”