javascript - 在工厂中使用 ngResource 时无法选择 JSON 索引

Question

factory 中的

ngResource 工作正常，但不幸的是结果能够选择 JSON 索引。同时可以绑定(bind)相同的 $scope.resultItems 变量

控制台日志如下所示👇

无法从 ngResource http://codepen.io/anon/pen/dMbRXx 工作

变量 http://codepen.io/anon/pen/ONLgNX 工作正常

var app = angular.module('app', ['ngResource']);
app.controller('myCtrl', function($scope, categoryFilter) {
  $scope.resultItems = categoryFilter.query();
  $scope.resultIndex = $scope.resultItems[0];
  $scope.resultIndexItem = $scope.resultItems[0].status;
});
app.factory('categoryFilter', function($resource) {
  return $resource("https://maps.googleapis.com/maps/api/geocode/json?address=NY", {}, {
    query: {
      method: "GET"
    }
  });
});

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular-resource/1.5.0/angular-resource.min.js"></script>

<div class="container" ng-app="app" ng-controller="myCtrl">
  <div class="col-xs-12">
    <h3>ngResource result</h3>
    <pre>{{resultItems | json }}</pre>
    <hr />
    <pre>{{resultIndex | json }}</pre>
    <hr />
    <pre>{{resultIndexItem | json}}</pre>
  </div>
</div>

Answer 1

每个资源实际上都是一个ajax请求，这意味着它是异步的，因此您必须使用query函数的回调。然后你的代码看起来像这样

var app = angular.module('app', ['ngResource']);
app.controller('myCtrl', function($scope, categoryFilter) {
  categoryFilter.query(function(results){
    $scope.resultItems  = results;
    $scope.resultItems.results[0];
$scope.resultIndexItem = $scope.resultItems.status;
  });    
});
app.factory('categoryFilter', function($resource) {
  return $resource("https://maps.googleapis.com/maps/api/geocode/json?address=NY", {}, {
    query: {
      method: "GET"
    }
  });
});

link

更新

抱歉，如果我错过了阅读您的问题，{} 中 json 中的所有项目都将是一个可以使用 . 访问的对象，例如在 json 结果中 和 status 是对象，[] 中表示的项目是一个数组，可以使用索引访问它们。

来自json