数据绑定聚合物 firebase-element 的问题答案

【问题标题】：Issues with data binding polymer firebase-element数据绑定聚合物 firebase-element 的问题
【发布时间】：2014-12-18 02:08:03
【问题描述】：

在将 firebase-element 查询的结果从一个元素绑定到另一个元素时，我遇到了一个奇怪的问题。

当我在 project-list-fb 中使用来自 firebase-element 的绑定时，数据返回一个对象而不是数组。

在 polymer-dev 中向我指出，repeat 仅适用于数组，而不是对象（这是从 firebase-element 返回的数据）如何将数据转换为数组或我可以重复的东西？

下面列出了发生问题的元素示例。

<polymer-element name="project-app-fb">
  <template>
    <firebase-element id="base" location="https://project-list.firebaseio.com/" data="{{data}}">
    </firebase-element>
    <style></style>
    <core-drawer-panel id="drawerPanel">
      <core-header-panel drawer class="tall">
        <core-toolbar>
          <h3>Menu</h3>
        </core-toolbar>
        <project-menu on-menuItem="{{menuItem}}" id="pMenu"></project-menu>
      </core-header-panel>

      <core-header-panel main class="tall">
        <core-toolbar>
          <core-icon core-drawer-toggle
                     icon="menu" 
                     alt="Menu for narrow displays">
          </core-icon>
        </core-toolbar>
        <!--
        Custom element holding project list, styles and scripts
        Source: project-list-fb.html
        -->
        <project-list-fb data="{{data}}" on-edit-project=" {{editProject}} "></project-list-fb>
      </core-header-panel>
    </core-drawer-panel>
  </template>

感谢任何帮助

【问题讨论】：

标签： polymer

【解决方案1】：

根据此处的文档：

http://polymer.github.io/firebase-element/components/firebase-element/

data 属性是一个对象，但该元素还公开了一个keys 属性。如果您将这两个都传递给您的自定义元素，您可以遍历keys 并访问data[key]。

API 文档中的“数组和对象”部分有一点背景知识。

【讨论】：