2016-07-26 8 views
0

폴리머 파이어 폴리머 요소를 사용하여 Firebase 데이터베이스에 요청시 데이터를 밀어 넣으려고 노력 중입니다. DOM 요소 내부에 데이터 바인딩이 있으며 이미 존재하는 레지스터에 완벽하게 작동합니다. 내 진짜 질문은 고유 한 ID로 새 레지스터를 만드는 방법입니다.polymerfire/firebase-query 요소를 통해 Firebase로 데이터 푸시

철분 입력 및 2 방향 데이터 바인딩이 포함 된 서식 파일을 수정하면 쉽게 등록이 업데이트되고 Firebase에는 문제가 없습니다.

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

진짜 까다로운 부분은 "lasdjlkadj1978kld" 같은 고유 ID와 중포 기지에 무언가를 새로운 객체 (메시지)를 밀어하는 방법은?

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

나는 내가 제대로 질문을 이해 확실하지 않다 JS하지만은 로컬 수정을 통해 "데이터"개체 ...

답변

4

를 업데이트 노력했다.

고유 ID로 새 레지스터를 만드는 방법은 무엇입니까?

당신은 2 개 인자 parentPath 및 키를 가지고 save 방법을 제공 firebase-document을 사용할 수 있습니다 (다만 키를두고).

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

나는 JS하지만 통해 "데이터"개체를 업데이트 시도했다 유일한 당신은 this.set을 사용 했는 data 업데이트 방법

로컬 을 ... 수정?

+0

firebase-document 요소를 사용하는 방법을 모르겠다면 문서가별로 도움이되지 않습니다. 예제를 공유 할 수 있습니까? – RoO

+0

이 [codelab] (https://codelabs.developers.google.com/codelabs/polymer-firebase-pwa/index.html?index=..%2F..%2Findex#0)은 시작 (그리고 그들의 [행동] (https://github.com/PolymerLabs/note-app/blob/master/common/note-app/na-behavior.html) 참조). 이미 도움이되는 답변을 업데이트합니다. –

+0

굉장! 'this. $. document.save (path) .then'는 예상대로 작동합니다 ... 감사 ... – RoO