firebase - Polymerfire 获取列表中每个元素的数据

Question

使用与 polymerfire 网站上类似的示例，如何获取每个注释的信息。

如果我得到一个可用的笔记列表，例如:

<firebase-document
      path="/teams/[[teamid]]/notes"
      data="{{notes}}"
      >
    </firebase-document>

结果是一个对象

f738hfno3oibr39rhr: true
adfagsg35ugho84hoh: true
... etc

为每个笔记获取数据的可接受方式是什么？

这是我目前所拥有的，但是当删除或添加内容时它不起作用。

<template is="dom-repeat" items="{{notesComputed}}">
                <div>
                    <!-- Get the data needed for this card -->
                    <firebase-document
                        path="/notes/[[item.noteid]]/meta"
                        data="{{item.meta}}"
                    ></firebase-document>

请注意，我已将 notes 对象直接从 firebase 转换为数组，因此我可以使用 dom-repeat

感谢任何反馈

Answer 1

获取数据:

使用 firebase-query，这将返回指定路径中的项目数组。

<firebase-query
      path="/teams/[[teamid]]/notes"
      data="{{notes}}"
      >
</firebase-query>

• 无需额外转换
• 可以在dom-repeat中使用

保存数据

使用 firebase-document 将数据保存到特定位置。

<firebase-document id="doc"></firebase-document>

然后在要添加数据的函数中执行以下操作

this.$.doc.path = null; //makes sure to not override any other data
this.$.doc.data = {}; //data that you want to save
this.$.doc.save('path'); //path in firebase where you want to save your data

示例文件结构

,<dom-module id="el-name">
  <template>
    <styel></style>
    
    <firebase-document id="doc"></firebase-document>
    
    <firebase-query
      id = "query"
      path = "/users"
	  data = "{{usersData}}">
    </firebase-query>
    
    <template id="dom-repeat" items="{{usersData}}" as="user">
      <div>[[user.name]]</div>
    </template>
    
    <paper-button on-tap="add"></paper-button>
  </template>
  
  <script>
    Polymer({
      is: 'el-name',
      
      properties: {},
      
      add: function() {
        this.$.doc.path = null;
        this.$.doc.data = {name: 'Some Name'};
        //save(path, key), by not giving a key firebase will generate one itself
        this.$.doc.save('/users');
      }
    });
  </script>
</dom-module>