通过polymerfire / firebase-query元素将数据推送到Firebase

时间:2016-07-26 14:40:33

标签: firebase firebase-realtime-database polymer polymerfire

我尝试使用polymerfire聚合物元素将数据按需推送到Firebase数据库时有点困难。我在DOM元素中有一个数据绑定,它对已经存在的寄存器完美无缺。我真正的问题是如何创建具有唯一ID的新寄存器?

//firebase query for a specific path and a data binding
<firebase-query
   id="query"
   app-name="testApp"
   path="/[[uid]]/messages"
   data="{{data}}">
</firebase-query>

//dom repeat for each item inside the data binding
<template is="dom-repeat" items="{{data}}">
   <div class="card">
      <p>[[item.text]]</p>
   </div>
</template>

如果我将模板修改为具有铁输入和双向数据绑定,则可以轻松更新寄存器,并且Firebase中没有任何问题。

<template is="dom-repeat" items="{{data}}">
   <div class="card">
      <input is="iron-input" bind-value="{{item.text}}">
   </div>
</template>

真正棘手的部分是如何将新对象(消息)推送到具有唯一ID的Firebase,例如"lasdjlkadj1978kld"

//firebase estructure
{
   "uid" : {
      "messages" : {
         "message1" : {
            "message" : "some text",
            "timestamp" : "some date"
         },
         "message2" : {
            "message" : "some text",
            "timestamp" : "some date"
         }
         ...
         ...
      }
   }
}

我尝试过通过JS更新“数据”对象,但它只在本地修改...

1 个答案:

答案 0 :(得分:4)

我不确定我是否理解你的问题。

  

如何创建具有唯一ID的新寄存器?

您可以使用firebase-document提供save方法,该方法采用2个参数parentPath和key(只需保留密钥)。

<firebase-document id='document'
  data='{{data}}'>
</firebase-document>

<script>
  Polymer({
    saveMessage: function () {
      // path = /<uid>/messages in your case
      this.$.document.save(path).then(function () {
        // after document saved, path will be changed to the new ref
        // any change of data will sent back up and stored
      });
    }
  });
</script>
  

我曾尝试更新&#34;数据&#34;通过js对象,但它只修改了   本地...

如何更新data,您使用的是this.set吗?

相关问题