0

我有一个相当简单的网页，我无法正常工作。我正在使用 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;"> &nbsp; </div>
    </div>
  </div>
</div>

...该loadMore()函数被永远重复调用。我过去用几乎相同的代码制作了其他类似的网页，它的行为符合预期。对于我的生活，我无法弄清楚这里发生了什么。loadMore()即使页面远远超出浏览器窗口的底部，这段代码中是否有任何明显的东西会导致被调用？如果没有，我可以在哪里查找以解决此问题？

4

1 回答 1

0

我不知道你是否找到过答案，但在 1.2.2 版本中引入了一个错误，导致了这种行为。回滚到早期版本（1..0.0）为我解决了这个问题。更多信息：https ://github.com/sroze/ngInfiniteScroll/issues/235

于 2016-03-15T20:03:10.977 回答