외부 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

는 5,는 말한다 : APPID=APIKEY
예 : api.openweathermap.org/data/2.5/forecast/city?id=524901&APPID=1111111111

키 API 사용 방법

는 GET 요청에 다음과 같은 매개 변수를 추가 또는 서버에 대한 요청의 http 헤더에 다음 줄을 추가합니다. : x-api-key:APIKEY

그래서 당신은 당신의 $의 HTTP 호출의 URL 뒤에 API 키를 추가하여 잘해야한다.

은 참조 : 문서가 말한대로 http://openweathermap.org/appid

또는, 당신은 당신의 HTTP 요청에 추가 헤더를 추가 할 수 있습니다.

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