AngularFirestoreDocument的delete()方法无法从数据库中删除文档。
创始人
2024-10-24 21:32:06
0次

要删除Firestore中的文档,您可以使用AngularFirestoreCollection的remove()方法。请参考以下代码示例:

import { Component } from '@angular/core';
import { AngularFirestore, AngularFirestoreCollection } from '@angular/fire/firestore';
import { Observable } from 'rxjs';

interface Item {
  name: string;
  description: string;
}

@Component({
  selector: 'app-items',
  template: `
    
  • {{ item.name }} - {{ item.description }}
`, }) export class ItemsComponent { private itemsCollection: AngularFirestoreCollection; items: Observable; constructor(private afs: AngularFirestore) { this.itemsCollection = afs.collection('items'); this.items = this.itemsCollection.valueChanges(); } deleteItem(itemId: string) { this.itemsCollection.doc(itemId).delete() .catch(error => console.log(error)); } }

在上面的示例中,我们首先使用AngularFirestoreCollection创建一个名为itemsCollection的集合。然后,我们使用valueChanges()方法订阅了这个集合,并将结果赋值给items变量,以便在模板中使用。

在模板中,我们通过*ngFor指令循环遍历items数组,并显示每个项的名称和描述。每个项后面都有一个Delete按钮,点击按钮时会调用deleteItem()方法。

deleteItem()方法接收一个itemId参数,该参数表示要删除的文档的ID。我们使用itemsCollection.doc(itemId)获取对文档的引用,并调用delete()方法来删除文档。

如果删除操作失败,我们可以通过.catch()方法捕获并处理错误。

请确保您已正确设置Firestore和Firebase项目,并在AngularFirestoreModule中导入AngularFirestore。

相关内容

热门资讯

玩家必备科技辅助器技巧!响水麻... 玩家必备科技辅助器技巧!响水麻将多功能辅助器技巧,响水麻将总是真的是有辅助器技巧1、许多玩家不知道响...
热点推荐作弊器工具!嘻嘻红中麻... 热点推荐作弊器工具!嘻嘻红中麻将多功能作弊器工具,嘻嘻红中麻将确实是真的有作弊器工具1、玩家可以在嘻...
重大通报辅助器软件!大宝麻将多... 重大通报辅助器软件!大宝麻将多功能辅助器软件,大宝麻将总是存在有辅助器软件1、不需要AI权限,帮助你...
玩家必看教程辅助软件!廉江麻将... 玩家必看教程辅助软件!廉江麻将多功能辅助软件,廉江麻将总是存在有辅助软件1、廉江麻将有没有辅助教程、...
2分钟细说外挂app!老友汇多... 2分钟细说外挂app!老友汇多功能外挂app,老友汇都是有外挂app1)老友汇辅助插件:进一步探索老...
终于知道外挂工具!嵘聚多功能外... 终于知道外挂工具!嵘聚多功能外挂工具,嵘聚总是有外挂工具1、嵘聚辅助软件下载优化,嵘聚底牌透视脚本科...
教学盘点作弊器教程!海迅麻将多... 教学盘点作弊器教程!海迅麻将多功能作弊器教程,海迅麻将真是存在有作弊器教程1、海迅麻将免费脚本咨询教...
大神推荐辅助器方法!王钓麻将多... 大神推荐辅助器方法!王钓麻将多功能辅助器方法,王钓麻将一直存在有辅助器方法1、超多福利:超高返利,海...
发现玩家透视挂技巧!彩虹沁阳麻... 发现玩家透视挂技巧!彩虹沁阳麻将多功能透视挂技巧,彩虹沁阳麻将总是是真的有透视挂技巧1、操作简单,无...
一分钟了解辅助器app!咔遛游... 一分钟了解辅助器app!咔遛游戏多功能辅助器app,咔遛游戏其实真的是有辅助器app1、操作简单,无...