如何防止ngInfiniteScroll在初始触发后多次被触发？

Question

我正在使用ngInfiniteScroll启用无限滚动在我的网站上。它在一定程度上如预期的那样工作，一旦我滚动到页面的底部，它就调用我希望它调用的方法来显示更多的帖子，只是在触发一次之后，它一直不停地调用posts。有人知道是什么导致的吗？这就是我的代码在实现ngInfiniteScroll时的样子，我不知道这个特定的代码会有多大帮助。我怀疑它是被另一个文件中的代码抛出的。

<div style="height: 1px">
<post post-item="item" feed-items="items.feed" feed-name="feedName" ng-repeat="item in items.feed"> </post>
<div ng-if="items.feed.length == 0 && !initialLoad">
<div class="empty-message">Your feed is currently empty, visit the <a href="/#/users">Users</a> page     and find some more people to follow!</div>
</div>
<a infinite-scroll="nextPosts()" infinite-scroll-distance="1" href ng-click="nextPosts()"   class="show-more">Show more </a> 
</div>

Answer 1

示例

您可以使用ngInfiniteScroll的ngInfiniteScroll指令告诉它，如果调用已经在进行中，则不要加载数据。

例如。

<div infinite-scroll='loadMore()' infinite-scroll-disabled='busyLoadingData' infinite-scroll-distance='1'>
  <p ng-repeat='item in items'>Some data</p>
</div>

联署材料：

$scope.busyLoadingData = false;

$scope.loadMore = function () {
  if ($scope.busyLoadingData) return;
  $scope.busyLoadingData = true;

  // $http call to get next set of data
  // on the .success() callback do $scope.busyLoadingData = false;
}