Angular $资源在transformRespone之后访问元数据

Ale*_*Grs 6 javascript angularjs

我有以下API:

{
"meta": {
    "total_item": 1,
    "number_of_pages": 1,
    "page_number": 1,
    "status": "Success"
},
"data": [
    {
        "name": "Operator 1",
        "short_name": "OP1",
        "_id": "534d69bba758b3b7839ba7b9",
        "__v": 0,
        "users": [
            "532ef6e28b42970ab797444f"
        ]
    }
]
}
Run Code Online (Sandbox Code Playgroud)

我使用Angular $资源使用以下代码查询API:

var apiDataTransformer = function ($http) {
  return $http.defaults.transformResponse.concat([
    function (data, headersGetter) {
      var result = data.data;
      result.meta = data.meta;
      console.log(result);
      return result;
    }
  ])
};

angular.module('ua.common').factory('uaApi', function($resource, $http){
  var factory = {};
  factory.operator_ressource = $resource(
    '/operators/:operatorId',
    {},
    {'query': {method: 'GET', isArray: true, transformResponse: apiDataTransformer($http)       } }
  );
  return factory;
})
Run Code Online (Sandbox Code Playgroud)

如果我在控制台中打印,那么我在这里查询这些资源的结果是:

uaApi.operator_ressource.query({}, function(response){
  factory.operators_list = response;
  console.log(response);
});

// Console Output
[f, $promise: Object, $resolved: true]
0: f
    __v: 0
    _id: "534d69bba758b3b7839ba7b9"
    name: "Operator1"
    short_name: "OP1"
    users: Array[1]
        0: "532ef6e28b42970ab797444f"
Run Code Online (Sandbox Code Playgroud)

所以使用$ resource,即使我使用transformResponse来保存我的数据,我也丢失了我的元对象,这很烦人,因为我希望能够在page_number <number_of_pages时自动获取其他对象.

我怎么能用角度实现这个目标?(我认为这是使用paginate api的角度应用程序的常见问题).

ryc*_*ych 2

您可以从查询方法返回一个包含边带分页数据和资源对象数组的对象,并在transformResponse 中实例化它们。

大致如下:

angular.module('ua.common').factory('uaApi', function($resource, $http){
    var factory = {};
    factory.operator_ressource = $resource('/operators/:operatorId', {},
        {'query':
            { method: 'GET',
              isArray: false,
              transformResponse: function(jsondata){
                  return { meta : jsondata.meta,
                           results : jsondata.map(function(result){
                                return new factory.operator_ressource(result);
                              })
                         }
              }
            }
         }
    );
    return factory;
});
Run Code Online (Sandbox Code Playgroud)

这种方法对我来说效果很好;我通常实例化一个寻呼机对象并用它返回一个 $resource 对象数组。