AngularJS - 预期响应包含一个对象，但得到一个数组答案

【问题标题】：AngularJS - Expected response to contain an object but instead got an arrayAngularJS - 预期响应包含一个对象，但得到一个数组
【发布时间】：2015-07-18 05:50:56
【问题描述】：

我正在尝试在 Angular 中创建一个对象。

这是我的工厂

angular.module('myApp')
    .factory('Order', function($resource) {
        return $resource('/api/products?id=:id/orders?id=:orderId', { id: "@_id" }, {
            query: { method: 'GET', isArray: false },
            update: { method: 'PUT'}
        });
    });

这是我的控制器

angular.module('myApp').controller('OrderCtrl',
  function ($scope, $rootScope, $stateParams, Order, Auth) {
    $scope.myOrder = Order.get({"id": 1, "orderId": 1});
  }
});

这是我的服务器目录中的 routes.js 文件

app.use('/api/products', require('./api/product'));

在我的 api/products 目录中，我有一个索引文件

var express = require('express');
var controller = require('./product.controller');

var router = express.Router();
// Endpoints for products
router.get('/', controller.index);
router.get('/:id', controller.show);
router.post('/', controller.create);
router.put('/:id', controller.update);
router.patch('/:id', controller.update);
router.delete('/:id', controller.destroy);

// Endpoints for product - order definitions
router.get('/:id/orderDefinitions', controller.showOrderDefinitions);
router.post('/:id/orderDefinitions', controller.addOrderDefinitions);

// Endpoints for product - orders
router.get('/:id/orders', controller.showProductOrders);
router.get('/:id/orders/:orderId', controller.showIndividualProductOrder);
router.put('/:id/orders/:orderId', controller.updateIndividualProductOrder);
router.delete('/:id/orders/:orderId', controller.deleteOrder);

module.exports = router;

这是我尝试访问的两个端点

router.get('/:id/orders/:orderId', controller.showIndividualProductOrder);
router.put('/:id/orders/:orderId', controller.updateIndividualProductOrder);

这是我的控制器

exports.showIndividualProductOrder = function(req, res) {
  Product.findById(req.params.id, function (err, product) {
    if(err) { return handleError(res, err); }
    if(!product) { return res.send(404); }
    Order.find({productId: product._id, _id: req.params.orderId}, function (err, order) {
      console.log("found individual product order", order);
      if(err) { return handleError(res, err); }
      if(!order) { return res.send(404); }
      // Get product's order
      return res.json(order[0]);
    });

  });
};

// Update an individual order for a product
exports.updateIndividualProductOrder = function(req, res) {
  Order.find({productId: product._id, _id: req.params.orderId}, function (err, order) {
    if(err) { return handleError(res, err); }
    if(!order) { return res.send(404); }

    var updatedOrder = _.merge(order, req.body);
    console.log("updating order", order, updatedOrder);
    updatedOrder.save(function (err) {
      if (err) { return handleError(res, err); }
      return res.json(200, product);
    });

  });
};

然而，我仍然得到这个错误

错误：[$resource:badcfg] 操作 get 的资源配置错误。预期响应包含一个对象但得到一个数组（请求：GET /api/products?id=1/orders?id=1）

我使用Postman 测试API 端点，JSON 输出是一个数组。但是在我的工厂里，我明确表示我不想要带有isArray 选项的数组。

【问题讨论】：

get 和 query 是 $resource 中的不同方法。您在query 上指定了isArray，但没有在get 上指定。也设置为 false 建议将是对象。最终结果你仍然有对象类型不匹配。最简单的可能是在查询时创建 isArray:true 并使用该方法而不是 get

标签： javascript angularjs node.js mongodb

【解决方案1】：

我使用 Postman 测试 API 端点，JSON 输出是一个数组。但是在我的工厂里，我明确表示我不想要带有 isArray 选项的数组。

使用isArray 标志，您无需指定想要的，而是指定在该特定 API 端点上预期的内容。

如果你不想要数组，改变后端代码，但是如果是数组，那么在配置中使用isArray: true。

编辑：您可以使用tranformResponse 属性为数据指定转换器函数，这将使您能够使用返回对象的端点，但仍使用为具有isArray:true 的数组配置的资源方法（以及反之亦然），请参阅this answer 示例。

【讨论】：