如何使用@angular/fire/database更新或删除指定数据项？

要实现数据项的更新和删除，核心是获取对应数据项的唯一key（即调用push插入数据时自动生成的节点ID）。结合你已有的代码，以下是具体实现方案：

第一步：获取带key的数据列表 #

你原有的listar方法仅返回纯数据数组，无法拿到操作所需的key，因此可以新增一个方法来获取包含key的完整数据结构：

listarComChaves() {
  const questoesRef = ref(this.db, 'guiaQuestoes');
  return list(questoesRef).pipe(
    map(items => items.map(item => ({
      key: item.key,
      ...item.val()
    })))
  );
}

这个方法返回的数组中，每个元素都会包含key字段和对应的数据内容，方便后续更新/删除操作。

更新数据项 #

使用update方法，传入目标数据项的引用（通过key拼接路径）和需要更新的字段即可：

async atualizar(key: string, dadosAtualizados: Partial<GuiaQuestao>) {
  const questaoRef = ref(this.db, `guiaQuestoes/${key}`);
  return update(questaoRef, dadosAtualizados);
}

使用示例 #

假设从listarComChaves方法中拿到了某条数据questaoItem，更新它的questaoResumida字段：

await this.atualizar(questaoItem.key, { questaoResumida: "更新后的精简问题内容" });

删除数据项 #

使用remove方法，传入目标数据项的引用即可完成删除：

async deletar(key: string) {
  const questaoRef = ref(this.db, `guiaQuestoes/${key}`);
  return remove(questaoRef);
}

使用示例 #

删除指定key的数据项：

await this.deletar(questaoItem.key);

注：你原有的listar方法可以继续保留，用于仅需展示数据的场景；操作单个数据项时，调用listarComChaves获取key即可。

内容的提问来源于stack exchange，提问作者Cesar