从Firebase实时数据库中删除数据并更新JavaScript中的应用程序

Question

我想通过单击JavaScript中的按钮从Firebase实时数据库中删除一个项目。我直接从前端数据库中获取数据。当我单击“删除”按钮时，应从数据库和前端中删除相应的对象。我尝试了一些逻辑功能，并从数据库中删除了某个元素，但是我的HTML页面没有更新。

我每次都必须刷新页面。如何实时删除它？

这是我的完整代码https://jsfiddle.net/waqasumer/x1ugL5yr/

environment         = "{get_env("TF_VAR_ENV", "")}" /// i don't know what is good syntax for that 

Answer 1

是的！据我所知，您必须刷新页面以获取更新的数据。
这是因为您在事件监听器中使用的是'child_added'，只有在添加新的孩子时才会触发它。

firebase.database().ref('tasks').on('child_added', function (data){})

您可以引用该变量并将值侦听器添加到您的函数中，以便每次更改子项时都检索数据。
https://firebase.google.com/docs/database/web/read-and-write#listen_for_value_events

编辑

您还可以使用set（）或update（）方法通过传递null来删除值。
在这种情况下，您可以具有回调函数。您可以使用此回调函数来更新DOM。