快照上的Firebase Web ForEach

时间:2019-11-10 11:40:02

标签: javascript html firebase firebase-realtime-database snapshot

我需要列出HTML页面中的所有记录。 下面的代码用于列出所有记录。我正在获取记录。但是我得到的不是3个(每个快照中有3个数据)。但我必须成为一体。即,第一个console.log打印1结果,第二个console打印3。我希望两者相同。

预先感谢...

JS代码

var ref = firebase.database().ref("students");
ref.orderByKey().limitToFirst(1).on('child_added', function(snapshot) {

      if (snapshot.exists()) {
        var content = '';
        console.log(snapshot);
        snapshot.forEach(function(data) {
          console.log(data);
          var val = data.val();
          content += '<tr>';
          content += '<td>' + "test" + '</td>';
          content += '</tr>';
        });
        $('#ex-table').append(content);
      }
<table class="table table-striped" id="ex-table">
  <thead class="thead-inverse">
    <tr class="conwrapper">
      <th class="_proname _subconhead">Task Title</th>
      <th class="_proname _subconhead">Category</th>
      <th class="_proname _subconhead">Date</th>
      <th class="_proname _subconhead">Status</th>
    </tr>
  </thead>
  <tbody>
    <tr id="tr">
      <td id="titleTask"></td>
      <td id="categoryTask"></td>
      <td id="dateTask"></td>
      <td id="statusTask"></td>
    </tr>
  </tbody>
</table>

0 个答案:

没有答案