Question

我正在使用firebase-database注册预订数据，并在带有＆＃39; child_added＆＃39;的HTML表格中显示它们。并使用Handlebars模板显示它们，并且表的每一行都有一个删除图标，但我无法删除任何行。虽然我试图获得“身份证明”。并且与Firebase中的所选内容和匹配项匹配，控制台中的ID未定义＆＃39;。

这就是数据库结构的样子：

预订：{ id：＆＃34; -L0hxuTkOKFDyxAyMvF8＆＃34; 日期：＆＃34;周三2017年12月27日11:00:00 GMT + 1100（AEDT）＆＃34; 名称：＆＃34; maisa＆＃34; 时间：＆＃34; 5:00 PM＆＃34; }

JS档案

$('.reservation-list').on('click', '.delete', function(e) {


    // Get the ID for the comment we want to update
    var id = $(this).closest('tr').data('id');

    // find comment whose objectId is equal to the id we're searching with
    var commentReference = database.ref('reservation/' + id);

    // Use remove method to remove the reservation from the database
    commentReference.remove();

});

HTML

<script id="reservation-template" type="text/x-handlebars-template">

    <tr>
        <td>{{name}}</td>
        <td>{{date}}</td>
        <td>{{time}}</td>
        <td>
            <i class="fa fa-trash delete"></i>
        </td>
    </tr>   
</script>

HTML

Head of the table

<table class="table table-striped container-fluid">
<thead>
<tr>
<th>Name</th>
<th>Day</th>
<th>Time</th>
<tr>
</thead>
<tbody class="reservation-list"></tbody>
</table>

有人可以帮我确定为什么我无法通过ID删除表格中的项目和Firebase吗？感谢。

使用JS删除表格行和Firebase注册表

0 个答案: