Polymer 1.x从脚本添加输入值

Question

我的元素中的聚合物有问题，这是我的代码：

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

    });

  </script>

<script>

    this.lNameSet = 'test last name'
    var userId = firebase.auth().currentUser.uid;
    firebase.database().ref('/user/' + userId + '/UserInfo').once('value').then(function(snapshot) {
        this.fNameSet = snapshot.val().fName;
    });

</script>

</dom-module>

正如您所想的那样，提交的第一个名称应该是来自firebase和姓氏的数据 - “测试姓氏”。

但是不发生这种情况，它不会给出错误，只是不会将fNameSet和lNameSet放在适当位置。

提前致谢。