如何在html表中显示firebase rumtime数据库数据

Question

我想将我列出的数据从fire base数据库显示到表 我做了那个代码

firebase.initializeApp(config);
var ref = firebase.database().ref('customer');

ref.on('value', function(snapshot) {
    console.log(snapshot.val());

});

Answer 1

您可以使用以下代码循环来自数据库的项目并通过javascript编写HTML内容：

var myTable = "<table border='1' width='100%'><tr>";

ref.on('value', function(snapshot) {
    snapshot.forEach(function(childSnapshot) {
        var item = childSnapshot.val();
        var firstName = childSnapshot.val().firstName   //Example of value
        myTable += "<td align='center'>" + firstName + "</td>";
    });
});

myTable += "</tr></table>";

document.getElementById("outputDiv").innerHTML = myTable;

然而，最好使用JS框架来注入＆＃34;您的数据从JavaScript到您的HTML DOM，即Vue.js或Knockout，仅举两个例子。