使用Firebase对象进行聚合火焰重复 [英] Polymerfire dom-repeat with Firebase objects
本文介绍了使用Firebase对象进行聚合火焰重复的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我希望能够显示所有 FirstName 和 ZipCodes 的列表。我的数据如下所示：
/ user
|
| __INAxzxWKQrSAfA7tapV0c08YvfJ3
| | ____姓：詹姆斯
| | ____ ZipCode：90210
|
| __ANAczxWKQrEAfA7tapV0c08YvfX6
| ____姓氏：Simon
| ____邮编：40213
和Polymerfire的firebase文档看起来像这样
< firebase-document
app-name =联系人
path =/ user
data ={{allUsers}}>
< / firebase-document>
我的dom重复如下：
< template is =dom-repeatitems ={{_ makeArray（allUsers）}}>
< div class =profile card>
{{item.FirstName}}
< / div>
< / template>
我添加了函数
pre > _makeArray：function（items）{
return Object.keys（items）.map（function（key）{items [key]}）;
$ b有没有错误，但我也没有得到什么DOM
解决方案
只需使用firebase-query而不是firebase-document。
< firebase-query
app-name =contacts
path =/ user
data ={{allUsers}}>
< / firebase-query>
< div class =profile card>
{{item.FirstName}}
< / div>
< / template>
I want to be able to show a list of all the FirstName and ZipCodes. My data looks as follows:
/user
|
|__INAxzxWKQrSAfA7tapV0c08YvfJ3
| |____FirstName:"James"
| |____ZipCode:"90210"
|
|__ANAczxWKQrEAfA7tapV0c08YvfX6
|____FirstName:"Simon"
|____ZipCode:"40213"
and Polymerfire's firebase document looks like this
<firebase-document
app-name="contacts"
path="/user"
data="{{allUsers}}">
</firebase-document>
And my dom repeat is like
<template is="dom-repeat" items="{{_makeArray(allUsers)}}">
<div class="profile card">
{{item.FirstName}}
</div>
</template>
I added the function
_makeArray: function(items) {
return Object.keys(items).map(function (key) {items[key]});
}
There are no errors but I also get nothing to the DOM
解决方案
just use firebase-query instead of firebase-document. you'll get an array back.
<firebase-query
app-name="contacts"
path="/user"
data="{{allUsers}}">
</firebase-query>
<template is="dom-repeat" items="{{allUsers)}}">
<div class="profile card">
{{item.FirstName}}
</div>
</template>
这篇关于使用Firebase对象进行聚合火焰重复的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
