Question

我有以下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＆lt; number_of_pages，自动获取其他对象。

我如何用棱角来实现这个目标？（我认为这是使用paginate api的角度应用程序的常见问题。）

Answer 1

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

这种方法适合我;我通常实例化一个pager对象并返回一个$ resource对象数组。

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

1 个答案: