Polymerfire dom-repeat with Firebase对象

Question

我希望能够显示所有FirstName和ZipCodes的列表。我的数据如下：

/user
|
|__INAxzxWKQrSAfA7tapV0c08YvfJ3
|   |____FirstName:"James"
|   |____ZipCode:"90210"
|
|__ANAczxWKQrEAfA7tapV0c08YvfX6
    |____FirstName:"Simon"
    |____ZipCode:"40213"

Polymerfire的firebase文档如下所示

<firebase-document
    app-name="contacts"
    path="/user"
    data="{{allUsers}}">
</firebase-document>

我的dom重复是这样的。

<template is="dom-repeat" items="{{_makeArray(allUsers)}}">
    <div class="profile card">
        {{item.FirstName}} 
    </div>
</template>

我添加了函数

_makeArray: function(items) {
  return Object.keys(items).map(function (key) {items[key]});
}

没有错误，但我也没有从DOM中得到任何信息

Answer 1

只需使用firebase-query而不是firebase-document。你会得到一个数组。

<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>

Answer 2

dom-repeat接受一个数组作为items属性。你可以这样做：

<template is="dom-repeat" items="[[makeArray(allUsers)]]">

...

makeArray: function(items) {
  return Object.keys(items).map(function (key) {items[key]});
}

Answer 3

您忘记了返回值：

_makeArray: function(items) {
  return Object.keys(items).map(function (key) { return items[key]; });
}

它与我的工作很好，数据显示也很好。