使用外部天气预报 API

Weather forecast using external API

我正在尝试使用 openweathermap.org 的外部 API 获取天气预报,并且想使用 angular.js 到目前为止,我可以在不使用 [=] 的情况下获取单个城市的预报13=] 并尝试在 API 键的帮助下获得多个城市的预测,因为我无法找到使用 api 键

的正确方法

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

1.The 应用应接受用户提供的多个城市名称 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);
});
}]);

文档中说:

How to use API key

Add the following parameter to the GET request: APPID=APIKEY
Example: api.openweathermap.org/data/2.5/forecast/city?id=524901&APPID=1111111111

OR add the following line to http header of request to the server: x-api-key:APIKEY

因此,您可以在 $http 调用中的 url 后面附加 API 键。

参见:http://openweathermap.org/appid

或者,如文档所述,您可以在 HTTP 请求中添加额外的 header。您可以在 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(){...});

Link: https://docs.angularjs.org/api/ng/service/$http