Angular & Firebase Realtime Database如何按id查询删除购物车未知父节点的子节点

你的数据库结构参考如下：

问题根源 #

你当前是直接对购物车根节点执行删除操作，所以会清空整个购物车节点，需要先定位到要删除的单个商品节点，再执行删除操作即可。

具体实现方案 #

分两种场景处理：

• 场景1：item.id就是Firebase为购物车商品自动生成的节点key
  直接拼接节点路径指向单个商品后执行删除即可，代码如下：

  // 构建指定商品的节点引用
  const targetItemRef = firebase.database().ref(`/${account[0]}_user/cart/${item.id}`);
  // 执行删除
  targetItemRef.remove()
    .then(() => console.log('指定商品删除成功'))
    .catch(err => console.error('删除失败：', err));
  

• 场景2：item.id是商品自身的业务ID（非Firebase生成的节点key）
  需要先查询购物车下匹配对应业务ID的节点，再执行删除，代码如下：

  const cartRef = firebase.database().ref(`/${account[0]}_user/cart`);
  // orderByChild参数替换为你商品节点下存储业务ID的字段名，示例为id
  cartRef.orderByChild('id').equalTo(item.id).once('value', snapshot => {
    snapshot.forEach(childSnap => {
      childSnap.ref.remove();
    })
  }).catch(err => console.error('查询删除失败：', err));
  

注意事项 #

• 操作前可以先打印item.id和购物车下的节点key做校验，确保匹配规则正确
• 若使用AngularFire封装库开发，逻辑一致，替换为AngularFire对应API即可
• 需提前配置好Firebase Realtime Database的权限规则，保证当前登录用户有对应节点的删除权限

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