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
});

从angularJS $资源中提取数据

1 个答案: