Ionic Firebase 无限滚动顺序

Posted

技术标签:

【中文标题】Ionic Firebase 无限滚动顺序【英文标题】:Ionic Firebase Infinite Scroll Order 【发布时间】:2016-05-17 14:02:09 【问题描述】:

我似乎无法正确订购我的 firebase 卷轴。 我在 Firebase 中有一些帖子,我想让 Firbase 将我的帖子从最近的帖子排序到最旧的帖子。然而,它正在做相反的事情。帖子按从旧到新排序。

var ref = new Firebase("https://feburl");
var posts= ref.child('posts');
// create a scrollable reference
var scrollRef = new Firebase.util.Scroll(posts, 'created');

我正在使用这个:https://github.com/firebase/firebase-util

可以在此处找到使用示例:https://gist.github.com/katowulf/7adb5775dce44cbbba0a

【问题讨论】:

【参考方案1】:

一种可能的解决方案是在您将数据存储在 Firebase 中时为其添加时间戳,使用 Firebase 的安全性和规则按时间戳索引该数据,然后根据该时间戳检索数据。

在安全和规则方面:


    "rules": 
        "posts":  
            ".indexOn": "timestamp"
           

那么当你访问你的数据时:

var posts= ref.child('posts').orderByChild("timestamp").limitToLast(XX);

虽然,我还没有使用无限滚动库对此进行测试。

【讨论】:

感谢您的回答,但是,Firebase Util Scroll 构造函数不接受 firebase 查询作为参数。它必须是 firebase 参考:Firebase.util.Scroll 再次感谢。我在没有 firebase util 的情况下使用了您的查询,它可以工作 很高兴能提供一点帮助

以上是关于Ionic Firebase 无限滚动顺序的主要内容,如果未能解决你的问题,请参考以下文章

angular Ionic CLI连接数据获取数据无限滚动

如何使用新的 Firebase (2016) 实现无限滚动?

如何在 Ionic 无限滚动中从 Wordpress API 输出累积列表

使用Ionic React实现的无限滚动效果

使用 Firebase 进行分页/无限滚动

两个方向无限滚动与Firebase / Firestore后端