在每个鼠标滚动上调用angularjs – ngInfiniteScroll – loadMore()方法

解决方案下面的评论。

问题：我的loadMore()方法在每个容器的滚动条上执行。

含义：loadMore()在父容器的每个鼠标滚动上执行(infinite-scroll-parent =“true”)

期望的结果：只有当infiniteScrollDistance满足其条件时，才能获取loadMore()，而不是我做的任何滚动。

我的代码高度启发了demo_basic& demo_async。

我的应用程序是一个照片库。
我通过ajax调用加载照片，并将其填充到缩略图指示中继器中。
我在控制器初始化时禁用ng-Infinite-Scroll，并在回调成功时启用它。

<div class="thumbnails grid__item page--content">
            <div id="gallery" class="unstyled-list" 
                    infinite-scroll='loadMore()' 
                    infinite-scroll-disabled='album.busy' 
                    infinite-scroll-parent="true" 
                    infinite-scroll-immediate-check="false" 
                    infinite-scroll-distance='2'>
                    <my-photo-directive ng-repeat="photo in photos"></my-photo-directive>
            </div>
    </div>

我的咖啡代码没有惊喜。
它的逻辑是不重要的，因为如果我放置一个简单的console.log，问题仍然发生…..

$scope.album.busy = true
    $scope.loadMore = ->
            $scope.$apply ->
                    $scope.album.busy = true
            console.log('loadMore() been executed here')

我的缩略图指令是一样的。没有惊喜，最后一张照片被填充到中继器上，我启用了组件。

app.directive 'myPhotoDirective',['$window',($window) ->
        return {} =
            ....
            link: (scope,element,attrs) ->
                if scope.$last
                    scope.album.busy = false

我不知道我错过了什么或做错了
我希望有人能在这里帮助我。

谢谢。