我有以下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对象数组