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

【问题标题】：Delete data from firebase using html on javascript在 javascript 上使用 html 从 firebase 中删除数据
【发布时间】：2021-02-04 22:48:14
【问题描述】：

我有一个函数可以使用我的 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)

我做错了什么？

【问题讨论】：

可能需要将deleteCard(${doc.id}) 用引号括起来...deleteCard('${doc.id}')
我在尝试“而不是”，哈哈，谢谢

标签： javascript html firebase google-cloud-firestore

【解决方案1】：

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

【讨论】：