javascript - $资源: expected response to contain an object but got an array

Question

我知道这个问题已经存在于 SO 上(如下所示:Error in resource configuration. Expected response to contain an object but got an array)，即使我几天前已经遇到过这个错误，我也没有找到为什么现在会出现这个错误。

一方面，我在 Node Express 中有一个 RESTful API。它使我能够访问数据库，我试图在其中获取一些数据。当使用特定的 $resource 请求时，我得到这个 JSON(使用 Postman 测试):

 [
   {
    "ref": 2,
    "type": "string here",
    "matriculeMD": 4567,
    "name": "William",
    "date": "2016-09-14T22:00:00.000Z",
    "client": 1
   },
   {
    "ref": 4,
    "type": "string here",
    "matriculeMD": 1589,
    "name": "Averell",
    "date": "0000-00-00",
    "client": 1
   }
 ]

另一方面，我有一个 Angular JS 应用程序。这个使用工厂从 API 获取数据:

 .factory('Things', ['$resource', function($resource) {

    return $resource(

        'api_url/:client_id',
        {client_id: '@client_id'}, // getting some data from an ID
        {'query' : {
                        method : 'GET', // ofc, it's a get request in the API
                        isArray : false // to be sure to get an object and not an array
                    }
        } 

我还有一个使用这个工厂的 Controller ，尝试使用参数执行查询:

 app.controller('ctrl', ['$scope','Things', function ($scope,$things) 

    {
      $scope.thing = $things.query({},{'client_id':'1'}); 
      // replacing '@client_id' from factory with 1. I also tried with quoteless 1.
    }
 ]);

最后，我有一个 html View ，在其中我尝试使用应该在 $scope.thing 中获取的数据和一些 <div ng-repeat'thing in things'>{{thing.ref}}</div> 。

通过阅读其他帖子，我确信向工厂添加 isArray : false 可以解决问题，因为它已经在另一个工厂中修复了该问题。

有什么想法吗？

编辑:感谢您的回复。我用以下方式更改了工厂代码:

.factory('Things', ['$resource', function($resource) {

        return $resource(

            'api_url/:client_id',
            {client_id: '@client_id'}, // getting some data from an ID
            {'query' : {
                            method : 'GET', // ofc, it's a get request in the API
                            isArray : true //
                        }
            } 

它修复了错误。现在，我正在解决 $scope 内容的另一个问题，该内容未定义并发送 $promise : Promise, $resolved : Resolved 。我阅读了 $resource 文档以了解其含义，但我仍然不知道如何使其工作。

Answer 1

正如 doldt 之前所说，你实际上期待的是一个数组。

您的响应是一个对象数组。

要么将 isArray 更改为 true，要么更改服务器上的响应以返回对象。

更改后，您可以通过这种方式在 Controller 上使用资源(为 $resource 提供回调，因为您现在正在处理 promise ):

$things.query( {}, { 'client_id' : '1' }, function( response ){
    $scope.thing = response;
});