定位的聚合物 Firebase 绑定

Question

我一直在尝试通过 firebase 将位置值绑定到 "note"（如代码实验室中的 na-notes 示例）。我正在使用纸张输入位置，但尝试使用其他几个元素无济于事。到目前为止，这就是我所拥有的（对应于na-note.html文档）：

<paper-input-place is="iron-input" bind-value="{{address}}" value="{{address}}" label="Address" api-key="key">

然后我把这个放在我的 na-editor.html:

<na-note id="note" title="{{note.title}}" location="{{note.place_id}}" price="{{note.price}}" rooms="{{note.rooms}}" beds="{{note.beds}}" baths="{{note.baths}}" editable></na-note>

我认为这可能是一个愚蠢的错误，但我已经研究了两天，我开始失去耐心，所以任何帮助都将不胜感激！

谢谢！

Answer 1

在 na-note 元素上方，note 是从 firebase 检索的对象。因此，对于这条路径，您需要保存笔记的位置数据。因此，当您从 paper-input-place 元素收到正确的数据时，您需要将其作为一个位置保存到笔记的路径中。所以，首先检索地址：

<paper-input-place  hide-error place="{{place}}" api-key="[[apiKey]]"  on-place-changed="searchPlaceChanged" > </paper-input-place>

...

searchPlaceChanged(p){
   console.log(p.detail.value); // You will need to see the place data, which you may like to save only some detail like: p.detail.value.formatted_address; 
   this.set('note.place', p.detail.value.formatted_address);
}

假设 note 对象（在设置操作中）是 firebase-document 的双向绑定检索数据，您刚刚编辑。

定位的聚合物 Firebase 绑定

Polymer Firebase Binding for Location

firebase

paper-elements

polymerfire

polymer-2.x