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 object

Answer 2

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

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

并将数据传输到它：

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

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

需要反转重复区域

2 个答案: