無法檢索用於在瀏覽器中顯示的數據

我有一個可以使用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，這就是我所得到的。任何見解？

來源

2017-10-05 BizDev

你不能嵌入標籤標記標籤標記的侷限內的另一個標籤... 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>");

來源

2017-10-05 06:22:21

在你看到編輯。語法錯誤是我所得到的。嘗試插入和刪除}，）等沒有結果。 – BizDev

$（「＃username」）。append（「" + username + "」）; @BizDev試試這個......雙引號給出了一個問題 –

是的。已經嘗試過。語法錯誤被清除。但是，沒有輸出:( – BizDev

無法檢索用於在瀏覽器中顯示的數據

回答

相關問題