如何显示HTML表格火力rumtime数据库中的数据

Question

我想从消防基础数据库我列出的数据显示，以表 我这样做代码

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数据到你的HTML DOM，即Vue.js或淘汰赛，只提两个例子。