问题：我的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
我不知道我错过了什么或做错了
我希望有人能在这里帮助我。
谢谢。
Why is ngInfiniteScroll triggering my expression on every single
scroll event?The infiniteScroll directive uses the height of the element that it’s
attached to in order to determine how close to the bottom of the
window it is. In some cases,the browser can report a height of 0,
which causes this behavior. Usually,this is due to a container
element that only contains floated children. The simplest way to fix
this problem is to add a “spacer” element to the bottom of the
container (something like<div style='clear: both;'></div>); 07000 for more details.
