时间戳

首页 > 解决方案 > 在 javascript 上使用 html 从 firebase 中删除数据

javascript - 在 javascript 上使用 html 从 firebase 中删除数据

问题描述

我有一个功能可以使用我的 firebase 数据库中的信息来渲染卡片。

我在 javascript 文件中使用的 div：

                    <div class="col-md-4">
                      <div class="card mb-4 box-shadow">
                        <img class="card-img-top" data-src="${doc.data().foto}">
                        <div class="card-body">
                          <p class="card-text">Local: ${doc.data().local}</p>
                          <p class="card-text">Descricao: ${doc.data().descricao}</p>
                          <p class="card-text">Situacao: ${doc.data().situacao}</p>
                          <div class="d-flex justify-content-between align-items-center">
                            <div class="btn-group">
                              <button type="button" class="btn btn-sm btn-outline-secondary" data-toggle="modal" data-target="#myModal">Edit</button>
                              <button type="button" class="btn btn-sm btn-outline-secondary type="submit" onclick="deleteCard(${doc.id})">Apagar</button>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

如您所见，我需要创建一个按钮来删除此信息。

我正在尝试传递给函数

function deleteCard(id) {


    db.collection("ocorrencias").doc(id).delete().then(function() {
        console.log("Document successfully deleted!");
    }).catch(function(error) {
        console.error("Error removing document: ", error);
    });

}

控制台向我发送错误：


Uncaught ReferenceError: IcKDt_____pUQcy is not defined
    at HTMLButtonElement.onclick (myindexLogged.html:1)

我做错了什么？ 

标签： javascripthtmlfirebasegoogle-cloud-firestore

解决方案

也许替换deleteCard(${doc.id})为deleteCard(${doc.data().id})

推荐阅读