2017-06-03 4 views
0

私はFirebaseデータベース内のすべてのオブジェクトを表示するために、以下のJavascriptを設定しました。しかし、私は自分のWebページに表示すると、[オブジェクトオブジェクト]のみを返します。私は何が欠けていますか?あなたの助け現在表示されているHTML [オブジェクトオブジェクト]にFirebaseデータを表示するには

+0

あなたの代わりに' cardtitle.innerHTML = eventdataのの '' cardtitle.innerHTML = JSON.stringify(eventdataの)を使用することができます助けたこの記事を見ました –

答えて

0

ため

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); 
    }); 
}); 

おかげで私が働いてそれを得ました。 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 
    }); 
}); 
関連する問題