javascript - 如何访问返回的json对象的属性？ (AngularJS)

Question

我正在尝试对 facebook 进行 api 调用(使用 angularJs.这是我的代码(取自服务):

fbTest: function (name) {
    resource = $resource('http://graph.facebook.com/:id?fields=id,name,picture', { id: '@id' });
    return resource.get({ id: name });
}

它返回数据很好:(用 Fiddler 检查)

HTTP/1.1 200 OK
Access-Control-Allow-Origin: *
Cache-Control: private, no-cache, no-store, must-revalidate
Content-Type: application/json; charset=UTF-8
ETag: "c49e5dcad5a864ff2e16bb3af547231f725c05e7"
Expires: Sat, 01 Jan 2000 00:00:00 GMT
Pragma: no-cache
X-FB-Rev: 1002313
X-FB-Debug: tMeW4nnfiRBj6VK+QRtbe0YdaGfQfkXcaWL4VzXTXxw=
Date: Mon, 11 Nov 2013 16:53:29 GMT
Connection: keep-alive
Content-Length: 241

{
   "id": "Data",
   "name": "Data",
   "picture": {
      "data": {
         "url": "Data",
         "is_silhouette": false
      }
   }
}

但是我如何访问这些属性？我尝试编写 .name 但没有返回任何内容。

Answer 1

发生这种情况是因为返回函数时 get 的结果尚未准备好。您正在返回一个 promise 。

尝试将 $resource.get 绑定(bind)到 $scope 中的某个属性，准备就绪后，它将正确显示。