我正在尝试在 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'}
        });
    });

这是我的 Controller

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);

这是我的 Controller

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);
    });

  });
};

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

Error: [$resource:badcfg] Error in resource configuration for action get. Expected response to contain an object but got an array (Request: GET /api/products?id=1/orders?id=1)

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

最佳答案

I used Postman to test the API endpoints, and the JSON output is an array. But in my factory, I clearly stated that I didn't want an array with the isArray option.

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

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

编辑:您可以使用 tranformResponse 属性为数据指定转换器函数，这将使您能够使用返回对象的端点，但仍然使用为数组配置的资源方法isArray:true(反之亦然)，参见 this answer举个例子。

关于javascript - AngularJS - 预期响应包含一个对象，但却得到了一个数组，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31485013/