如何在HTML中显示Firebase数据[对象对象]当前显示

Question

我已经设置了下面的Javascript来显示我的Firebase数据库中的所有对象。但是当我将它显示在我的网页上时，它只返回[object Object]。我错过了什么？

events.on('value', function(snapshot) { 
    snapshot.forEach(function(childSnapshot) { 
    var eventkey = childSnapshot.key; 
    var eventdata = childSnapshot.val(); 

    var card = document.createElement('div'); 
    card.setAttribute('class', 'card'); 
    document.body.appendChild(card); 

    var cardtitle = document.createElement('p'); 
    cardtitle.innerHTML = eventdata; 
    card.appendChild(cardtitle); 

    console.log(event); 
    }); 
}); 

感谢您的帮助

Answer 1

我得到它的工作。看到这个帖子里面帮助：Display data from Firebase database in a HTML page

这是我改变：

// displays event listings on browse.html - modified 3/6/17 
    events.on('value', function(snapshot) { 
    snapshot.forEach(function(childSnapshot) { 
    var eventkey = childSnapshot.key; 
    var eventdata = childSnapshot.val(); 

    // listing data to be displayed 
    var browsetitle = childSnapshot.val().title; // added this 
    var browsecity = childSnapshot.val().city; // added this 

    var card = document.createElement('div'); 
    card.setAttribute('class', 'card'); 
    document.body.appendChild(card); 

    var cardtitle = document.createElement('p'); 
    cardtitle.innerHTML = browsetitle + browsecity; // added this 
    card.appendChild(cardtitle); 

    console.log(eventdata); // changed this to see what was going on 
    }); 
});