ngInfiniteScroll - マウススクロールごとにloadMore()メソッドが呼び出されます 質問する

解決策は下記のコメント欄に記載されています。

問題: 私の loadMore() メソッドは、コンテナのスクロールごとに実行されます。

意味: loadMore() は親コンテナのマウススクロールごとに実行されます ( infinite-scroll-parent="true")

望ましい結果: loadMore() を取得するには、infiniteScrollDistance が条件を満たした場合にのみ実行し、私が行うような軽いスクロールは実行しません。

私のコードは、デモ_基本＆デモ_非同期。

私のアプリは写真ギャラリーです。写真を 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>

    $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