Mongoose按ID删除元素异常：误删首个属性而非指定目标

哦，我一眼就发现问题出在你的后端路由处理逻辑里了，这才导致删除操作总是命中第一个属性而不是目标属性。

核心问题点 #

• 你的路由定义的是/deleteProperty/:id，但在findOneAndRemove中错误地使用了req.params.propertyId，这个值其实是undefined——因为路由参数里根本没有propertyId这个字段，正确的取值应该是req.params.id。
• 另外，findOneAndRemove的参数格式使用有误：它的第二个参数应该是可选的配置选项，而不是req.body（删除操作不需要传入body数据）。当你传入无效的查询条件时，Mongoose的findOneAndRemove会默认匹配并删除集合中的第一个文档，这就是你总是删错对象的原因。

修正后的后端代码（Server.js） #

app.delete('/deleteProperty/:id', function(req,res) { 
  // 正确构造查询条件，根据传入的id匹配目标属性
  Property.findOneAndRemove({ _id: req.params.id }, function(err,data) { 
    if(!err) { 
      console.log("Deleted target property successfully");
      res.status(200).send({ message: "Property deleted" }); // 记得给前端返回明确响应
    } else {
      console.error("Delete error:", err);
      res.status(500).send({ error: err.message }); // 错误场景也要返回响应给前端
    }
  }); 
});

额外优化建议 #

1. 前端交互完善：在propertyDetail.component.ts的subscribe回调里，取消注释this._router.navigate(['/properties'])，让用户删除后自动回到属性列表页，提升体验。
2. 类型匹配检查：如果你的MongoDB文档_id是默认的ObjectId字符串类型，建议把api.service.ts里的id:number改成id:string，避免类型转换导致的匹配失败。
3. 前端错误提示：在subscribe的错误回调里，可以添加用户可见的错误提示（比如用Angular的MatSnackBar），而不只是在控制台打印日志。

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