Firebaseはjsループ（ウェブ）内のrefからキーを削除します

Question

HTML出力内の参照からボタンを使って選択した子を削除します。

キーはチャットメッセージまたは投稿です。

これで、ユーザーはボタンで選択したメッセージ/投稿を削除できるようになりました。

選択した子をすべて削除できますが、正確に削除することはできません。

結果と内容は "for in"ループから得られます。

AngularとAngularFireで選択（子）を削除することは問題ありませんが、角度を付けずに削除したいです。

// get ref 
var dbRef = firebase.database().ref().child("user/chat"); 

// child added 
dbRef.on("child_added", function(snapshot) { 
var newPost = snapshot.val(); 

// Loop/Results 

for(var prop in newPost){ 
var xxx = "<li> 
<p>"+newPost.content+"</p> 
<button class='delete' id='deleteThis'> X </button> 
</li>"; 
$(xxx).appendTo("#ul-result");  
} 

// delete Post with button from above 

$('#deleteThis').on('click', function(){ 
// delete all posts --- work 
// dbRef.remove(); 

// delete only this post --- ? 
dbRef.child('?').remove(); 

}); 
}); 
}); 

screenshot

Answer 1

あなたができることがいくつかあります。まず、idが複数のボタンを持つようになり、idが一意でなければならない場合はdeleteThisというように思えます。代わりに、.deleteにクリックハンドラを追加することができます。第二に、他の誰かが言及したように、snapshot.forEachを使って子を反復する必要があります。あなたは、ボタンを作成するときに最後に、あなたは、データの属性としてポストのキーを追加することができます。

$('.delete').on('click', function(){ 
    var id = "user/chat/" + this.dataset.key; 
    firebase.database().ref(id).remove(); 
});