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

时间:2014-11-11 06:51:07

标签: javascript html angularjs 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>

1 个答案:

答案 0 :(得分:10)

Example
如果呼叫已经正在进行中,您可以使用infinite-scroll-disabled的{​​{1}}指令告诉它不加载数据。

E.g。

ngInfiniteScroll

JS:

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