Angular 5 中的无限滚动，由 httpClient 请求填充

Question

我想在 Angular 5 中实现一个由非常大的 json 填充的无限滚动。这个想法是只显示前 5 个条目，然后，当用户滚动时，它会显示另外 5 个。

现在，我查看了这个：https://github.com/orizens/ngx-infinite-scroll，但用于视图的数组只接受字符串。

我看了一个例子：Plunker Example of ngx-infinite-scroll，导致问题的原因是这样的：

  addItems(startIndex, endIndex, _method) {
    for (let i = 0; i < this.sum; ++i) {
      this.array[_method]([i, ' ', this.generateWord()].join(''));
    }
  } 

其中 this.generateWord() 只生成随机字符串，_method 是 push 或 unshift。

如何将对象的一部分推送或连接到其中，以便我仍然可以在我的 html 模板中使用我的 *ngFor？

关于接受 http 请求对象的插件或如何使 ngx-infinite-scroll 工作的任何想法？

谢谢

Answer 1

好的，我没有遵循代码布局的“最佳实践”，也没有展示如何从服务器实际获取数据以填充它......但我确实回答了如何使用对象的基本问题而不是要显示的字符串。

结果在这里：https://stackblitz.com/edit/angular-a5ew8f

我刚刚用硬编码数组中的条目替换了硬编码字符串：

  addItems(startIndex, endIndex, _method) {
    let movieIndex=0
    for (let i = 0; i < this.sum; ++i) {
      movieIndex++;
      if (movieIndex >= this.movies.length) movieIndex=0;
      this.array[_method](this.movies[movieIndex]);
    }
  }

在真正的应用程序中，每次调用 addItems 方法时，您都希望去服务器获取 'n' (this.sum) 更多项。