如何在html表中显示来自firebase的数据

时间:2017-07-24 14:11:20

标签: javascript firebase firebase-realtime-database

我是firebase的新手,我创建了将数据存储到firebase的android应用程序,现在我正在开发将在html表中显示数据的Web应用程序,但我真的不知道如何。 这是我的HTML代码:

<center>
<table style="width:80%">
  <tr id="tr">
    <th>Registracija vozila:</th>
    <th>Status vozila:</th> 

  <tr> 
  </tr>
  <tr>
    <tr>
  </tr>
</table>
</center>

<script>
    var database = firebase.database();
    database.ref().once('value', function(snapshot){
        if(snapshot.exists()){
            var content = '';
            snapshot.forEach(function(data){
                var val = data.val();
                content +='<tr>';
                content += '<td>' + val.registracija + '</td>';
                content += '<td>' + val.status + '</td>';
                content += '</tr>';
            });
            $('#ex-table').append(content);
        }
    });
</script>

1 个答案:

答案 0 :(得分:0)

snapshot.forEach(function(child) {
    if(isFirst){
        createHeaders(child.val());
        isFirst = false; //So it only will run once.
    }

    showItems(child.val(), child.key);
});

你可以做的是创建一个简单的isFirst布尔值,并且因为forEach按顺序运行(我假设你的列标题是第一个被返回的东西。)那么你需要的就是这样: