如何使用angularjs资源处理分页和计数？

Question

我必须为输出JSON的API构建一个angularjs客户端，如下所示：

{
  "count": 10,
  "next": null,
  "previous": "http://site.tld/api/items/?start=4"
  "results": [
    {
      "url": "http://site.tld/api/items/1.json",
      "title": "test",
      "description": "",
      "user": "http://site.tld/api/users/4.json",
      "creation_datetime": "2013-05-08T14:31:43.428"
    },
    {
      "url": "http://site.tld/api/items/2.json",
      "title": "test2",
      "description": "",
      "user": "http://site.tld/api/users/1.json",
      "creation_datetime": "2013-05-08T14:31:43.428"
    },
    {
      "url": "http://site.tld/api/items/3.json",
      "title": "test3",
      "description": "",
      "user": "http://site.tld/api/users/2.json",
      "creation_datetime": "2013-05-08T14:31:43.428"
    }
  ]
}

我该如何$resource映射到此？如果使用isArray=false，我会将整个Blob作为一个对象使用，可用于读取，但无法对其进行调用.put()。如果我使用isArray，那将是行不通的。

有什么干净的方法可以做到这一点吗？还是应该回到使用状态$http？

Answer 1

您有两种选择。如果可以更改服务器输出，则可以将元信息（计数，下一个，上一个）添加为标头值，而不是将它们添加到响应正文中。

您的第二个选择是使用transformResponse转换响应。在angular
v1.1.2和更高版本（不稳定分支）中，这可以作为$ response配置使用：

var Data = $resource('./data.json',{},{
  list:{isArray:true,method:'get',
    transformResponse: function (data, headers) {
      return JSON.parse(data).results; 
   }}
});

如果您不想使用不稳定分支，也可以更改$ resource使用的$ http：

$http.defaults.transformResponse.push(function(data){
  if(data && data.results){
    return data.results;
  }
});

我用两个示例创建了一个插件：http
://plnkr.co/edit/PmYotP0eo5k41Z6ZCxl4?p=preview

我不确定将元数据传递到应用程序其余部分的最佳方法（如果需要）。您可以将其附加到第一个结果中，或将其添加为单独的对象-可能不太优雅，但可以完成工作。