Polymer 2.x + Firebase:如何扭转铁列表的顺序?

时间:2018-06-14 02:20:34

标签: firebase firebase-realtime-database polymer polymer-2.x polymerfire

我想以反向时间顺序显示我的数据,输入方式/时间。换句话说,我希望最新的条目出现在顶部。

我正在使用Polymerfire <firebase-query>从我的Firebase / Polymer应用中获取数据,而我正在使用<iron-list>来显示数据。目前,该列表包含列表底部的最新条目。

我希望在<firebase-query><iron-list>中反转顺序会导致所需的行为。我更喜欢在不使用items.reverse()方法的情况下完成此操作。是否有iron-list或Polymerfire的原生属性或方法来实现所需的行为?

<firebase-query
    id="query"
    app-name="notes"
    path="/notes/[[uid]]"
    data="{{items}}">
</firebase-query>

<iron-list items="[[items]]">
  <template>
    <div>
      [[item.name]]
    </div>
  </template>
</iron-list>

<script>
Polymer({
  properties: {
    uid: String,
    items: {
      type: Object,
      observer: 'itemsChanged'
    }
  },

  itemsChanged: function (newItems, oldItems) {
    // do something when the query returns values
  }
});
</script>

1 个答案:

答案 0 :(得分:1)

据我所知(并且可以快速检查PolymerFire source code for its query component),库中没有内置任何内容来反转数据库中的项目。

其余选项是使用要排序的属性的反转值向数据库节点添加其他属性。因此,在您的情况下,可能是倒置的时间戳:-1 * Date.now()。如果您对此反转值进行排序,结果将按原始时间戳的降序显示。