AngularJS - 访问与模型关联的 JSON 对象

Question

我有一个返回 JSON 的服务，假设这是响应:

{
    "model": 48870,
    "id": 20
}

我可以做到这一点:

$scope.response = Service.get();

它会将 JSON 响应分配给 $scope.response。这里的问题是我无法通过 $scope.response.model 或 $scope.response.id< 直接访问 model 或 id/，分别。我针对这种情况的解决方法是在服务的成功回调中定义一个函数，并从 data 获取 model 或 id。但考虑到 $scope.response 包含整个 JSON 对象，并且理论上(以及为了干净的代码)应该让我访问它的子对象，这不太实际。

这里有两个问题:

1. 这是 AngularJS 模型表示的限制吗？
2. 如何才能指向子项(甚至是孙子项)，而无需为每次调用定义成功回调？

Answer 1

一旦异步 HTTP 调用返回，就可以安全地直接访问响应的属性。

See this short example

app.controller('MainCtrl', function($scope, $resource) {
  $scope.data = $resource('data.json').get(function() {
    $scope.loaded = true;
    //now it's safe to access $scope.data's properties:
    $scope.data.foo = $scope.data.id + ':' + $scope.data.model;
  });
});

UI 绑定(bind)将自动工作。