【发布时间】:2016-03-16 04:03:10
【问题描述】:
我有一个相当简单的网页,我无法正常工作。我正在使用 AngularJS、Foundation 和 ngInfiniteScroll。使用此模板:
<div class="row">
<div class="small-12 columns" style="max-height:500px;overflow-y:scroll">
<div infinite-scroll="loadMore()" infinite-scroll-distance="0" infinite-scroll-parent="true" infinite-scroll-disabled="loading || !hasMore">
<div ng-repeat="item in items | filter:search | orderBy:'-last_modified'">
<div class="row" ng-click="selectItem(item)">
<div class="small-3 medium-4 columns text-left">
<img ng-if="item.thumb2" ng-src="{{ item.thumb }}">
</div>
<div class="small-9 medium-8 columns">
<div> Name: {{ item.name }} </div>
<div> Last Modified: {{ item.last_modified }} </div>
</div>
</div>
</div>
<div style="clear: both;"> </div>
</div>
</div>
</div>
...loadMore() 函数被永远重复调用。过去,我用几乎相同的代码制作了其他类似的网页,并且它的行为符合预期。对于我的生活,我无法弄清楚这里发生了什么。这段代码中是否有任何明显的东西会导致 loadMore() 被调用,即使页面远远超出浏览器窗口的底部?如果没有,我可以在哪里查找以解决此问题?
【问题讨论】:
标签: angularjs zurb-foundation infinite-scroll nginfinitescroll