我正在创建一个Firebase数据库列表,但不知道如何使它从数据库中删除项目

时间:2019-12-24 00:16:41

标签: javascript firebase firebase-realtime-database

几个月之后,我对Javascript还是陌生的。实质上,我正在尝试为一个课程制作一个基于在线的简单共享购物清单。我可以添加到数据库中,也可以将项目显示为列表,现在我的问题是如何删除。我已经给按钮赋予了它们作为ID附加到的数据库条目的键,希望它能起作用,但是我找不到使用ID的方法。如您所见,我一直在测试是否可以通过console.log键来对其进行测试,但到目前为止还没有运气。我看过十二个视频并尝试了十个指南,希望您能对我有所帮助。当我单击按钮时,如何删除数据库中的相应条目?抱歉,该代码有点混乱,目前,它主要是与旧代码和指南捆绑在一起的。

var database = firebase.database();


var ref = database.ref('Varer');
ref.on('value', gotData, errData);

function gotData(data){
    document.getElementById('Liste').innerHTML = "";
var kbdt = data.val();
var keys = Object.keys(kbdt);

for (var i = 0; i < keys.length; i++){


var k = keys[i];
var kob = kbdt[k].varer;


var btn  = document.createElement('button');
var btnText = document.createTextNode('Done')
  var opg = document.createElement('li');
  var opgnvn = document.createTextNode(kob);
  opg.appendChild(opgnvn);
  btn.appendChild(btnText); 
  opg.appendChild(btn);
  opg.setAttribute('id', k);
  opg.setAttribute('class', 'button');
  document.getElementById('Liste').append(opg);
  btn.addEventListener('click', function(){
    deleteTask(this.id)});
}
}


function errData(err){
    console.log('error!');
    console.log(err);    
}

function deleteTask(id) {

console.log(id);




}


function Indkob() {
var nyVare = document.getElementById('tilfoj').value;
document.getElementById('Liste').innerHTML = "";
var data = {
    varer: nyVare
}
var result = ref.push(data);
console.log(result.keys);
}

0 个答案:

没有答案