我有一个获取一些 openWeather JSON 的简单服务。然后将服务注入(inject) Controller 。在 Controller 中，我无法使用 JSON 访问对象，但是，当绑定(bind)到时，我可以毫无问题地访问对象数据。我是 JS 和 Angular 的新手，我做错了什么？
服务
mcmdApp.service('areaWeatherService', ['$resource', function($resource){
this.weatherAPI = $resource("http://api.openweathermap.org/data/2.5/weather", {get: {method: "JSON"}});
this.weatherResult = this.weatherAPI.get({q: "London,uk"});
}]);
Controller
mcmdApp.controller('SingleElementController',['$scope', 'areaWeatherService',function($scope, areaWeatherService){
$scope.weatherResult = areaWeatherService.weatherResult;
console.log($scope.weatherResult); //<-- Shows Object in Console
console.log($scope.weatherResult.wind); //<-- PROBLEM: Shows Undefined
console.log($scope.weatherResult.wind.speed); //<-- PROBLEM: Shows cannot read property 'speed' of Undefined
}]);
查看
<div class="single-element-widget text-center">
<h2>{{weatherResult.wind.speed}} mph</h2><!-- NO PROBLEM, displays correctly -->
<small>{{weatherResult.wind.deg}} degrees</small><!-- NO PROBLEM, displays correctly -->
</div>
我正在尝试从 Controller 或服务访问对象和属性。
console.log($scope.weatherResult);的结果
e {$promise: d, $resolved: false}$promise: d$resolved: truebase: "cmc stations"clouds: Objectcod: 200coord: Objectdt: 1441164423id: 2643743main: Objectname: "London"sys: Objectweather: Array[1]wind: Object__proto__: e
最佳答案
您正在使用 $http promise 。日志语句在数据从服务器返回之前触发。试试这个:
$scope.weatherResult = areaWeatherService.weatherResult.$promise.then(function(resp){
console.log(resp);
console.log(areaWeatherService.weatherResult.wind);
});
.then() 将等待您的 promise 得到解决，然后执行生成的代码
关于javascript - AngularJS JSON 对象在 View 中可访问，但在 Controller 中不可访问，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32344522/