无法检索用于在浏览器中显示的数据

Question

我有一个可以使用Firebase登录的Web应用程序。我知道详细信息存储在Firebase数据库中。我希望用户名值在浏览器中的某个字段中显示。这里是截图。

这是firebase数据。在这张照片中，请看用户名karthik babu。

我想在下面的图片显示在该地区该用户名：

因此，而不是用户名，我需要显示实际的用户名值。

这里是我试过的代码：

var provider = new firebase.auth.GoogleAuthProvider(); 
    provider.addScope('https://www.googleapis.com/auth/plus.login'); 
    firebase.auth().signInWithPopup(provider).then(function(user) { 
     var token = user.credential.accessToken; 
     var user = user.user; 
var usersRef = firebase.database().ref("WoofyDesktop/UserList"); 
     if (user) { 
      usersRef.child(user.uid).set({ 
useremail: user.email, 
useruid: user.uid, 
      username: user.displayName 
}); 

火力检索代码我想：用户名

var rootRef = firebase.database().ref().child("UserList"); 
    rootRef.on("child_added", snap => { 

var username = snap.child("username").val(); 

    $("username").append("<div><a><label>" + username + "</label></a></div>"); 
    console.log(username); 

    }); 

HTML代码..

<div> 
    <a href="#" class="user"> 
<label for="username" id="username" >username</label> 


    </a></div> 

任何建议怎样还是怎样我应该改变显示所需的数据？

编辑：尝试更新后的查询，由答案aks79，这就是我所得到的。任何见解？

Answer 1

你不能嵌入标签标记标签标记的 局限内的另一个标签... https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label 使用像格不同的标签，而不是

尝试使用它像

HTML代码

<div class="user" id="username"></div> 

and jquery as

$("#username").append("<a href='javascript:void(0)'><label>" + username + "</label></a>");