Delete

Service

deleteMovie(id: string): Promise<void> {
    const studentDoc = doc(this.firestore, 'movies', id);
    return deleteDoc(studentDoc);
}

Component

onDelete(id: string): void {
    this.movieService.deleteMovie(id).then(() => {
      console.log('Deleted student with ID: ' + id);
    });
}

Template

<button (click)="onDelete(item.id)" type="button" class="btn btn-danger">Delete</button>