Angular - 如何从 Firebase DB 中删除数据

Question

我正在尝试从我的 firebase 数据库中删除特定值。 我想从 firebase 中删除此条目：

到目前为止，我尝试的是关于如何触发删除按钮的按钮：

 <div class="single-bfunctions" 
 *ngFor='let bfunc of liste'>
<b> Name: </b>{{bfunc.Name}} <br>
<b> Beschreibung: </b>  {{bfunc.Descr}}<br>
<b> Key: </b>   {{bfunc.$key}}
<button type="button"  ng-click="deleteSth(bfunc.name)">Delete Item </button>
</div>

...和我的删除方法：

deleteSth(name){
  firebase.database().ref('/BFunctions/').child(name).remove();
} 

因为我对 Angular 也很陌生，所以我真的不知道解决方案是什么。 感谢您的回答！

Answer 1

你的按钮初始化应该是这样的，因为你的 bfunc.Key 没有定义。正如所见，您的 bfunc.Name 是您在数据库中的密钥。如果是这样，您可以使您的代码如下：

<button type="button"  ng-click="deleteSth(bfunc.$key=bfunc.Name)">Delete Item 

不仅仅是使用：

deleteSth(key){
    firebase.database().ref().child('/BFunctions/'+key+'/').remove();
}

:)

Answer 2

尝试使用 ref 对象

    <div class="single-bfunctions" 
*ngFor='let bfunc of liste'>
<b> Name: </b>{{bfunc.Name}} <br>
<b> Beschreibung: </b>  {{bfunc.Descr}}<br>
<b> Key: </b>   {{bfunc.$key}}
<button type="button"  ng-click="deleteSth(bfunc.$key)">Delete Item 
</button>
</div>

和

deleteSth(key){
    firebase.database().ref('/BFunctions/' + key).remove();
} 

如果这不起作用，请检查您的控制台，这可能与权限或其他问题有关