<template repeat="memberId in members | objKeys">
<firebase-element data={{member}} location="{{'SOME_LOCATION/' + memberId}}"></firebase- element>
<h2>member.name</h2>
</template>
objKeys: function(members) {
return Object.keys(members);
}
データは次のようになります
members = {
'memberId_1': true,
'memberId_2': true,
'memberId_3': true
}
別の場所に実際のユーザー データを保存します。
ここでは、テンプレートの繰り返しが各ユーザー (member1、member2、member3) を適切にレンダリングすることを期待しています。ただし、テンプレートの繰り返しで3つのfirebase要素すべてに変数「member」を再利用するかのように、3つのエントリに同じ名前が出力されますが、これは実際には意味がありません.
objKeys 関数を変更して返すようにしました
[ {memberId: memberId_1, member: {}},
{memberId: memberId_2, member: {}},
{memberId: memberId_3, member: {}]
次に、firebase要素に内部メンバーオブジェクトを使用しますが、結果は同じです
<template repeat="{{item in members | objKeys}}>
<firebase-element data={{item.member}} location={{'SOME_LOCATION/' + item.memberId}}> </firebase-element>
</template>
テンプレートの繰り返しを正しく理解せず、ここで間違って使用していませんか? それともポリマーテンプレートのバグですか?