Question

我无法开始使用ngInfiniteScroll directve。我创建了一个名为电影的范围，其中包含大约150个带有标题和发布日期的电影对象。使用ng-repeat我在容器元素中显示对象。

我试图在plunker中创建一个示例应用程序，但是当我查看应用程序时，它只显示所有记录，而ngInfiniteScroll指令似乎没有做任何特殊的事情。

  <div infinite-scroll='myPagingFunction()' infinite-scroll-distance='3'> 
    <div class="repeat" ng-repeat="movie in movies | orderBy: '-release_date'">
      <h2> {{ movie.title }} </h2>
      <h2> {{ movie.release_date }} </h2>
    </div>
  </div>

所需的结果是，当您查看应用程序时，您只能看到视口中的结果，当您向下滚动时，其他结果将插入到视口中。 Like this.

那么我在这里俯瞰什么？

Answer 1

您没有向我们展示myPagingFunction()的任何代码，因此我认为这是问题所在。该功能不是现成的，您需要制作它。请参阅此处显示的示例：https://binarymuse.github.io/ngInfiniteScroll/demo_basic.html

如果您有分页功能，请向我们展示，以便我们帮助您调试代码。

ngInfiniteScroll无法按预期工作

1 个答案: