从 angularJS $resource 中提取数据

Question

我在使用 Angular 的 $resource 服务时遇到问题。由于我的 API 会发回完整的响应（标头等）以及数据对象中的错误字段，因此我需要从响应中获取特定对象。使用 $http 服务执行此操作相当简单，但我不明白在哪里使用 $resource 服务获取这些参数。下面是有效的 $http 请求。

$http({
  method  : 'GET',
  url     : 'http://api.discussorama.com/v1/topics',
  headers : {'X-Api-Secret': 'xxx', 'Authorization': 'xxx', 'Content-Type': 'application/x-www-form-urlencoded'}  
})
.then(function(response) {
  console.log(response);
  $scope.topics = response.data.topics;
});

这是我对 $resource 的同一请求的失败尝试：

var Topic = $resource('http://api.discussorama.com/v1/topics/:id', {id: '@id'}, {
  query: {
    isArray: false,
    method: 'GET',
    headers: {'X-Api-Secret': 'xxx', 'Authorization': 'xxx', 'Content-Type': 'application/x-www-form-urlencoded'}
  }
 });

var response = Topic.query();
$scope.topics = response.topics;
console.log(response);

编辑：更新上述代码后，这是我在控制台中得到的。

f {$promise: Object, $resolved: false, $get: function, $save: function, $query:    function…}
  $promise: Object
  $resolved: true
  error: false
  topics: Array[10]
  __proto__: f

但是，如果我将控制台日志更改为：

console.log(response.topics);

控制台简单地返回：

undefined

我在哪里做错了？如果有帮助，则指向相关页面的链接是http://hwaelapps.com/discuss/web

Answer 1

你没有处理 $resource 交还的承诺。它需要像上面的 $http 调用一样处理。

var Topic = $resource('http://api.discussorama.com/v1/topics/id', { id: '@id'}, {
  query: {
    isArray: false,
    method: 'GET',
    headers: {'X-Api-Secret': 'xxx', 'Authorization': 'xxx', 'Content-Type': 'application/x-www-form-urlencoded'}
  }
});

var response = Topic.query();
response.$promise.then(function(data){
    $scope.topics = data.topics; //Changed data.data.topics to data.topics
});