使用外部 API 进行天气预报

Question

我正在尝试使用 openweathermap.org 的外部 API 获取天气预报，并且希望使用 angular.js 到目前为止，我能够在不使用 API KEY 的情况下获取单个城市的预报，并尝试使用以下方式获取多个城市的预报API 密钥的帮助，因为我无法找到使用 api 密钥的正确方法

所以这是我正在尝试做的清晰图片

1.应用应接受用户的多个城市名称 2.根据输入的城市名称，应用程序应显示每个城市14天的天气预报

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

var apiKey = '89b59e4d7d07894243b5acd24e7f18a3';
artistControllers.controller('WController', ['$scope', '$http', function($scope, $http) {
console.log('ijij');
$http.jsonp('api.openweathermap.org/data/2.5/forecast/daily?id=524901').success(function(err,data){
if(err){
  console.log(err);
}
$scope.data=data;
console.log(data);
});
}]);

Answer 1

在文档中说：

如何使用 API 密钥

在 GET 请求中添加以下参数： APPID=APIKEY
例子： api.openweathermap.org/data/2.5/forecast/city?id=524901&APPID=1111111111

或者将以下行添加到服务器请求的 http 标头中： x-api-key:APIKEY

因此，您应该可以在 $http 调用中将 API 密钥附加到 url 后面。

见：http://openweathermap.org/appid

或者，正如文档所述，您可以在 HTTP 请求中添加额外的标头。你可以在 AngularJS 中这样做：

var req = {
 method: 'GET',
 url: 'api.openweathermap.org/data/2.5/forecast/daily?id=524901',
 headers: {
   'x-api-key': '89b59e4d7d07894243b5acd24e7f18a3'
 }
}

$http(req).success(function(){...}).error(function(){...});

链接：https://docs.angularjs.org/api/ng/service/$http