Daten von Firebase zu Polymer Element abrufen

Question

Ich habe Probleme, Daten von Firebase zu einem Polymerelement zu bekommen.

Hier ist mein Code:

<dom-module id="bb-account-settings"> 

    <template> 

    <style is="custom-style" include="shared-styles"></style> 

       <div class="settings-dialog"> 
        <div class="frame"> 
         <div class="horizontal layout"> 
          <div> 
           <div class="user-image"></div> 
          </div> 
          <div class="horizontal layout"> 
           <paper-input label="First Name" value="{{fNameSet}}"></paper-input> 
           &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 
           <paper-input label="Last Name" value="{{lNameSet}}"></paper-input> 
          </div> 
          <paper-input label="Email" value="{{emailSet}}"></paper-input> 
         </div> 
         <paper-input label="Phone number" value="{{phoneSet}}" allowed-pattern="[0-9]"></paper-input> 
        </div> 
       </div> 

    </template> 
    <script> 

    Polymer({ 

     is: 'bb-account-settings', 

      properties: { 
       fNameSet: { 
        type: String, 
        value: function() { 
         var userId = firebase.auth().currentUser.uid; 
         firebase.database().ref('/user/' + userId + '/UserInfo').once('value').then(function(snapshot) { 
          console.log(snapshot.val().fName) 
          return (snapshot.val().fName); 
         }); 
        } 
       }, 
       lNameSet: { 
        type: String, 
        value: 'test last name' 
        } 
       } 
      } 

    }); 

    </script> 

lNameSEst ist 'test Zuname' und offensichtlich in seinem Eingang ihre Put abgelegt. Sie erwarten, dass fNameSet auf die gleiche Sache, aber nein. Wenn ich es drucke (console.log), heißt es "test first name", aber es wird nicht in seinem Eingabefeld angezeigt!

Ich bin so verwirrt.

Answer 1

Wie einer der Kommentatoren bemerkt, ist das Zurückgeben eines Werts in einem Rückruf das Problem. Ihre Funktion an Firebase "einmal" -Funktion übergeben wird asynchron & in einem anderen Bereich aufgerufen, so im Grunde verliert es seine Beziehung mit, wo Sie es & der Wert, den Sie zurückgeben, wird nicht, wo Sie erwarten.

Ein etwas Brute-Force-Weg, was Sie bekommen wollen, ist so etwas wie die folgenden Funktionen ausführen:

ready: function() { 
    var userId = firebase.auth().currentUser.uid; 
    firebase.database().ref('/user/' + userId + '/UserInfo').once('value').then(function(snapshot) { 
      console.log(snapshot.val().fName) 
      this.fNameSet = snapshot.val().fName; 
     }.bind(this)); 
} 

Es gibt elegantere Ansätze, aber es ist eine Art aus Rahmen dieser Frage & erfordert eine gewisse Wieder- Strukturierung & tiefer Einblick in die Struktur Ihrer App.