Firebaseからポリマーエレメントにデータを取得

Question

firebaseからポリマーエレメントにデータを取得する際に問題があります。ここで

は私のコードです：

<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は、「テスト姓」と明らかに提出し、その入力でプットです。あなたは、fNameSetが同じものだとは思っていますが、そうではありません。私はそれを印刷すると（console.log）、 'test first name'と表示されますが、入力フィールドには表示されません！

私はとても混乱しています。

Answer 1

コメント欄の1人が​​気づいたように、コールバックで値を返すことが問題です。 firebaseの "once"関数に渡された関数は、非同期で&という別のスコープで呼び出されます。したがって、基本的には、宣言した場所との関係が失われます。&返す値は、

あなたが望む結果を得るために、やや強引な方法は、以下のような何かをすることです：

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)); 
} 

あり、よりエレガントなアプローチがあるが、それは一種のこの質問&の範囲外であることは、いくつかの再を必要とし&あなたのアプリの構造を深く理解することができます。