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

Question

我正在使用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>

Answer 1

示例如果调用已在进行中,
您可以使用该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;
}