firebase - 需要反转一个重复区域

Question

我有一个 Firebase 元素正在拉入最后 5 个项目

<firebase-element id="base" location="https://mydb.firebaseio.com/mydata" data="{{items}}" keys="{{keys}}" limit="5" ></firebase-element>

那是绑定到这个重复区域

<template repeat="{{id in keys}}">

<x-chat-list id="chatList"  username="{{items[id]['uuid']}}" text="{{items[id]['text']}}" ></x-chat-list>

</template>

我只需要颠倒重复区域的顺序。

Answer 1

我认为您只需要观察数组并将其反转（或将反转的值存储在另一个属性中）例如：keysChanged : function() { this.keys.reverse(); }

如果 firebase-element 有时会在没有触发 keysChanged 函数的情况下更改数组中的值，也可以使用observe 对象

Answer 2

只需添加一个自定义 Polymer 表达式，例如：

PolymerExpressions.prototype.revArray = function(a) {
 return a.reverse();
}

并将您的数据传输给它：

<template repeat="{{id in keys | revArray}}">

现在您可以在任何地方使用它，因为表达式处理程序是全局的。