Как назначить данные атрибуту value во входном теге, извлекаемом базой данных firebase?

Question

Я использовал приведенный ниже фрагмент кода, чтобы извлечь данные из базы данных Firebase и назначить их переменной Name.

var userId = localStorage.getItem('keyName');

var dbRefName = firebase.database().ref()
                                   .child('Web App')
                                   .child('Users')
                                   .child(userId)
                                   .child('Name');

dbRefName.on('value', snap => Name.innerText = snap.val());

var Name = document.getElementById('Name');

Затем я пытаюсь присвоить переменную Name атрибуту value тега input следующим образом:

<input type="text"
       id="Name"
       class="form-control form-control-alternative"
       placeholder="User Name"
       value="Name">

Но это не работает, кто-нибудь может мне помочь?

Answer 1

Я нашел ответ сам.испытать превосходствоВот оно

var userId = localStorage.getItem('keyName');

    var dbRefName = firebase.database().ref().child('Web App').child('Users').child(userId).child('Name');

     dbRefName.on("value", function(snapshot) {
      console.log(snapshot.val());

      document.getElementById('Name').value = snapshot.val();

    }, function (errorObject) {
      console.log("The read failed: " + errorObject.code);
    });

И тег ввода должен выглядеть вот так.

<input type="text"
       id="Name"
       class="form-control form-control-alternative"
       placeholder="User Name"
       >

Answer 2

добавить эту строку var Name = document.getElementById('Name'); document.getElementById("Name").value = Name; и удалите value="Name" из вашего HTML