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

时间:2014-12-18 02:08:03

标签: polymer

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

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

在polymer-dev中向我指出重复只能在数组中工作,而不是对象(这是从firebase-element返回的数据)如何将数据转换为数组或者我可以重复的内容? / p>

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

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

感谢任何帮助

1 个答案:

答案 0 :(得分:1)

根据这里的文件:

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

data属性是一个对象,但该元素也公开了keys属性。如果您将这两个元素都传递给自定义元素,则可以迭代keys并访问data[key]

在#34; Arrays and Objects&#34;部分中有一些背景知识。在API文档中