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

我正在使用ngInfiniteScroll在我的网站上启用无限滚动。它部分按预期工作，一旦我滚动到页面底部，它就会调用我要调用的方法以显示更多帖子，不同之处在于，它会在触发一次后一直保持无休止地调用帖子。有人知道这可能是什么造成的吗？这就是我实现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>

最佳答案

Example
您可以使用infinite-scroll-disabled的ngInfiniteScroll指令来告诉它，如果调用已经在中，则不加载数据。

例如。

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

JS:

$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;
}