2017-02-09 144 views
0

我无法弄清楚我做错了什么。 Firebase中的用户名未被检索和更新。从Firebase中检索用户数据

这是我的HTML:

<div class="header"> 
<div class="userPanel"> 
    <div class="pic"></div> 
    <div class="welcome"><span>Welcome</span><h1 class="name" id="firstname">John</h1></div> 
</div> 
<div class="title"></div> 

JS代码:

firebase.auth().onAuthStateChanged((user) => { 
if (user) { 
console.log(user.uid); 

var userRef = firebase.database().ref().child('Users') 
var uid = user.uid; 
var firstname = document.getElementById('firstname'); 

firebase.database().ref('Users/' + uid).on('value', function(snapshot){ 

    var firstname.innerHTML = snapshot.val().Firstname; 

}); 

回答

1

貌似UID是在你的火力地堡数据库的截图undefined。我猜user.uidconsole.log不是undefined。控制台中的输出是什么?

另外,在var firstname.innerHTML中取出var。您没有声明名为firstname.innerHTML的新变量。

+0

我能够解决这个问题,现在定义了uid – Ola

+0

你拿出'var'? –

+0

对不起,我的意思是我想出了为什么这个孩子是未定义的,我真正的问题是从firebase中检索用户数据,以便它会在每个上面的html代码中显示“Welcome(user first name)” – Ola