如何使用其 ID 删除 Firebase/Firestore 集合中的文档？

Question

I have a page in my application(in angular) where the user can post a comment. The comment is stored in Firestore collection with the name of "comments". The user should be able to delete the comment once he clicks the delete button next to it.

My comments.component.ts file code is as below -

import { Component, OnInit, Input} from '@angular/core';
import * as firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/firestore';

@Component({
selector: 'app-comments',
templateUrl: './comments.component.html',
styleUrls: ['./comments.component.css']
})
export class CommentsComponent implements OnInit {

comment : string;
allcomments : any[]=[];
@Input('postId') postId : string;
cid : any;

constructor() { }

ngOnInit(){

this.getComments();

}

postComment(){
firebase.firestore().collection("comments").add({
comment : this.comment,
post: this.postId,
owner: firebase.auth().currentUser.uid,
ownerName : firebase.auth().currentUser.displayName,
created: firebase.firestore.FieldValue.serverTimestamp()

}).then((data) =>{
 // console.log(data);
 this.getComments();
 console.log("commID",data.id);
 this.cid = data.id;

 }).catch((error)=>{
  console.log(error)
 })
}

getComments(){

this.allcomments = [];
firebase.firestore().collection("comments")
.where("post","==",this.postId)
.orderBy("created","desc")
.get().then((data)=>{

  data.docs.forEach((commentRef)=>{
  this.allcomments.push(commentRef.data())

  })

})
.catch((error)=>{
  console.log(error)
})

}

onDelete(){

 //console.log("INSIDE DELETE")
 console.log(this.cid)
 firebase.firestore().collection("comments").doc(this.cid).delete()
 .then(()=>{

  console.log("DELETED")
 }).catch((error)=>{
  console.log(error)
 });

}
}

The delete function takes cid as null. My question is, how can I pass the correct comment id of the comment I am trying to delete to the onDelete() function?

I am a beginner. Please excuse me if this sounds trivial.

Thanks in advance !!

Answer 1

I think it should work to delete a document from the collection.

this.firestore
  .collection('comments')
  .doc(commentId)
  .delete()
  .then(res => {
     console.log('Product deleted Successfully');
   })
  .catch((error) => {
     console.error('Error removing document: ', error);
  });