firebase - リピート領域を逆にする必要がある

Question

最後の 5 項目を取得する firebase 要素があります。

<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

配列を観察して逆にする（または逆の値を別の属性に保存する）だけでよいと思います。}

firebase-element が keysChanged 関数をトリガーせずに配列内の値を変更することがある場合は、observe オブジェクトを使用することもできます。

Answer 2

カスタム Polymer 式を追加するだけです。

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

データをそれにパイプします：

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

式ハンドラーはグローバルであるため、これをどこでも使用できます。