javascript - 如何在html表中显示firebase运行时数据库数据

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 框架将数据从 JavaScript“注入(inject)”到 HTML DOM，即 Vue.js 或 Knockout，仅举两个例子。