如何使用Mongoose结合AngularJS通过ID获取单条文档

看起来你已经离解决问题很近了！主要的问题出在**$routeParams的使用和$http请求的URL参数处理**上，我来帮你一步步修正：

1. 正确获取路由参数ID #

$routeParams是一个包含所有路由参数的对象，如果你在路由规则里定义的是:id，那你需要提取$routeParams.id这个具体值，而不是直接使用整个对象。比如：

let articleId = $routeParams.id; // 这里才是你要的具体ID值
console.log(articleId);

2. 修正$http请求的两种正确方式 #

根据你后端接口的设计风格，选一种合适的方式传递ID即可：

方式一：RESTful风格的路径参数（推荐） #

如果你的后端接口是RESTful设计（比如通过/article/123这种路径接收ID），直接把ID拼接到URL中：

$http({
  cache: true,
  method: 'GET',
  url: `/article/${articleId}` // 用模板字符串拼接真实ID
}).then(function successCallback(res) {
  $scope.article = res.data;
}).catch(function errorCallback(err) {
  alert('获取文章失败，请稍后重试');
  console.error(err); // 建议打印错误信息，方便调试问题
});

方式二：查询参数传递 #

如果后端是通过查询参数接收ID（比如/article?id=123），就用params字段传递：

$http({
  cache: true,
  method: 'GET',
  url: '/article',
  params: { id: articleId } // 键名要和后端接收的参数名保持一致
}).then(function successCallback(res) {
  $scope.article = res.data;
}).catch(function errorCallback(err) {
  alert('获取文章失败，请稍后重试');
  console.error(err);
});

3. 额外的关键检查点 #

• 确保你的路由配置正确，比如：

  angular.module('yourApp').config(function($routeProvider) {
    $routeProvider
      .when('/article/:id', {
        templateUrl: 'article-detail.html',
        controller: 'ArticleDetailController'
      });
  });
  

• 后端Mongoose的查询逻辑要对应上：如果是路径参数，用Article.findById(req.params.id)；如果是查询参数，用Article.findOne({_id: req.query.id})。

调整后应该就能正确把ID传递到请求中，获取到指定的Mongoose文档了！

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