在transformRespone之后访问元数据的Angular$resource



我有以下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"
        ]
    }
]
}

我使用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;
})

如果我在控制台中打印对这些资源的查询结果,这里就是我得到的:

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"

因此,使用$resource,即使我使用transformResponse来保存我的数据,我也会丢失我的元对象,这很烦人,因为我希望能够做到,当page_number<number_of_pages,以自动获取其他对象。

我如何用angular实现这一点?(我认为这是使用paginate api的angular应用程序的常见问题)。

您可以从查询方法返回一个对象,包括边带分页数据和一组资源对象,并在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;
});

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

最新更新