Angularfire2 |离子3 |如何使用startAt和EndAt创建无限滚动

时间:2019-07-02 14:28:58

标签: angular firebase-realtime-database ionic3 angularfire2

我有一个问题,我似乎无法找到有关如何在我的Firebase查询中实现startAt和endAt Value的解决方案。

当前,我只是调用整个列表,然后返回并按 timeStampOrder 排序(这是一个负时间戳,以降序显示列表)。

  firebase.database().ref("users/" + this.user.uid + "/transactions/")
    .orderByChild('timeStampOrder')
    .on('value', function(snapshot) {
      if(snapshot.exists()) {

        let data = [];
        snapshot.forEach(function(child) {
          data.push(child.val());
        }.bind(this));
      } else {
        //do something
      }
  });

这是我的交易结构:

enter image description here

所以我想要实现的是用户可以无限滚动地加载此列表。例如,加载前10个事务。然后刷新后,从11到20开始,然后从21到30,依此类推。

我已经找到了使用{strong> .list 而不是 .ref 的解决方案like here,但是我无法使用它,因为此功能需要rxjs大于6,并且我需要坚持在rxjs 5上,这就是为什么我需要使用firebase.database().ref

那么我该如何在我的函数中实现呢?

0 个答案:

没有答案