Question

下午好！学习Angularjs。以下是该项目的结构。我有一个从json

读取数据的服务

var WebKrServices = angular.module('WebKrServices', ['ngResource']);

WebKrServices.factory('DataPlant', ['$resource',
  function($resource){
    return $resource('plants/:plantId.json', {}, {
      query: {method:'GET', params:{plantId:'plants'}, isArray:true}
    });
  }]);

和控制器

var WebKrControllers = angular.module('WebKrControllers', []);

WebKrControllers.controller('PlantsCtrl', ['$scope', 'DataPlant',
  function($scope, DataPlant) {
    $scope.plants = DataPlant.query();
  }]);

将此信息传输到html

<div ng-repeat="plant in plants">
  <h2 class="text-center">{{plant.name}}</h2>
  <a href="#/plants/{{plant.id}}"></a>
</div>

事实上，问题。在html中我看到来自json的数据，当访问植物时控制器我看到一个空对象？

for (var p in plants) {
  . . .
}

如何从控制器中的工厂获取数据？

谢谢大家的回答。

Answer 1

因为它是异步调用。在$scope.plants = DataPlant.query();之后，植物保持未定义，直到数据到达（嗯，它不是完全未定义的，您可以在调试器中检查它）。当数据到达时 - $ scope.plants得到解决并且html被更新。要在数据到达后运行一些代码，请使用回调：

$scope.plants = DataPlant.query(function(response) {
        console.log($scope.plants);
}, function (response) {
        console.log('Error');
});

angularjs使用$ resource从Json获取数据

1 个答案: