如何使用 Javascript 和 Firebase 从数据库中删除 child_object答案

【问题标题】：How to remove a child_object from a database using Javascript and Firebase如何使用 Javascript 和 Firebase 从数据库中删除 child_object
【发布时间】：2019-05-04 21:48:16
【问题描述】：

我在 Firebase-database 上设置了一些对象，并在带有“child_added”的 HTML 表上显示它们，以便在将它们添加到数据库后立即动态添加它们，并且每行上必须有一个删除按钮表，但我不知道如何制作一个工作按钮来删除相应的数据库对象。

我正在动态地制作一个包含来自 Firebase 的信息的表格。数据库。我想在我的表的每一行上都有一个删除按钮，它可以从数据库中删除相应的表。

function vislag(snapshot) {
        let nylag = snapshot.val();
        let idrettRef = database.ref("idrett/" + nylag.Idrett);
        idrettRef.once("value", function(snapshotIdrett) {
            let idrettinfo = snapshotIdrett.val();
            txtTabell.innerHTML += `
            <tr>
              <td>${nylag.navn}</td><td>${nylag.klasse}</td>
              <td>${nylag.antall}</td><td>${idrettinfo.navn}</td>
              <td>
<input type="button" value="delete ${nylag.navn}" onclick="deletelag()"></td>
          </tr>`;
        });
    }

    lag.orderByChild("Idrett").on("child_added", vislag);


function deletelag() {
        databaseobjekt.remove()
    }

我想要 onclick 函数：deletelag() 从 Firebase 数据库中删除对象。我该怎么做？

【问题讨论】：

标签： javascript html firebase firebase-realtime-database

【解决方案1】：

对于delete a node from the database，你需要有一个DatabaseReference指向那个特定的节点，然后在它上面调用remove()方法。

对于您共享的代码似乎是：

database.ref("idrett/" + nylag.Idrett).remove();

如果您有一个孩子列表，并且您希望用户能够单独删除其中的任何一个，您通常必须将每个孩子的 ID 添加到您的 HTML 中。这样您就可以读取用户单击的项目的 ID，并删除该特定节点。

一个简单的例子可能是这样的：

database.ref('listitems').once('value', (snapshot) => {
  snapshot.forEach((child) => {
    let id = child.id;
    let name = child.val()
    let liElm = `<li id='${id}'>${name}</li>`;
    listElm.appendChild(liElm);
  })
})

现在当有人点击li，你可以删除正确的子节点：

function onLiClick(e) {
  let id = e.target.id;
  database.ref('listitems').child(id).remove();
}
}

【讨论】：