javascript - Angular $resource 未提供正确的数据

Question

在我的 Controller 内，我正在进行以下 API 调用:

weatherApp.controller('forecastController', ['$scope', '$resource', 'cityService', function($scope, $resource, cityService){
    $scope.city = cityService.city;

    $scope.weatherAPI = $resource('http://api.openweathermap.org/data/2.5/forecast/daily', {callback: 'JSON_CALLBACK'}, {get: {method: 'JSONP'}});
    $scope.weatherResult = $scope.weatherAPI.get({ q: $scope.city, cnt: 4, APPID: 'xxxxxx' });

    console.log($scope.weatherResult)
}]);

我得到了一个 promise 作为返回，但它没有返回正确的信息并且无法获取数据。

我认为问题在于我如何将 API key 插入到调用中。大家有什么想法吗？

Answer 1

所以我设法解决了这个问题，并得到了以下代码的返回:

weatherApp.controller('forecastController', ['$scope', '$resource', 'cityService', function($scope, $resource, cityService){
    $scope.city = cityService.city;

    $scope.weatherAPI = $resource("http://api.openweathermap.org/data/2.5/weather/?APPID=d98c063da512b5ab03e39ac4a158b41f", {
    get: {method: "JSONP"}});

    $scope.weatherResult = $scope.weatherAPI.get({q: $scope.city, cnt: 5});


    console.log($scope)
    console.log($scope.weatherResult)
}]);

我删除了callback :'JSON_CALLBACK'，因为它已被弃用并且会给出错误。我还从请求 URL 中删除了 daily，因为它不再提供，并将其替换为 forecast，如 API docs 中所示。 。现在，之前我将城市的参数设置为“纽约，纽约”，但由于某些奇怪的原因，openweathermap api 不需要状态(？如果我错了，请有人纠正我)。所以我删除了州并留下了自己的城市->即“纽约”，“新奥尔良”，“伦敦”等。

这似乎返回了带有正确数据的 promise 。