不要在每个 ngfor 循环 - Angularfire2 的 Firebase 中显示相同的值

Question

一般来说，如果你有一个从 firebase 抓取的 ngFor 循环，一次有 limitTo 10，你如何拉取接下来的 10 个值，而不是在调用 firebase 列表时从第一个值开始。

如何从 Firebase 数据库中的 for 循环中获取接下来的 10 条记录。

doInfinite(infiniteScroll) {
console.log('Begin async operation');
setTimeout(() => {
  for (let i = 0; i < 10; i++) {
    this.Aproducts.push( this.Aproducts[i] );
    //console.log(this.Aproducts.pop());
  }
  console.log('Async operation has ended');
  infiniteScroll.complete();
}, 100);

}

Answer 1

一般来说，您可以使用 Firebase 查询功能来执行此操作。所有 firebase 查询都必须以 orderBy 函数开头，例如 orderByPriority(Firebase 默认优先级(。然后你可以指定一个 limitTofirst 和 startAt 像这样：

const queryObservable = af.database.list('/items', {
  query: {
    orderByPriority: true,
    limitToFirst: 10,
    startAt: key,
  }
});

在 github 文档中阅读有关查询选项的更多信息。