Multi tool use

Angular Yahoo Weather API

I have a problem with the Yahoo Weather API. How should I make a request to get data from the Yahoo Weather API?

import { Injectable } from '@angular/core';
import {Observable} from 'rxjs';
import {HttpClient} from '@angular/common/http';

@Injectable()
export class WeatherService {
constructor(private http: HttpClient) { }

getWeatherForecast(city: string): Observable<any> {
const url = 'https://query.yahooapis.com/v1/public/yql?q=select wind from
weather.forecast where woeid=2460286';
return this.http.get(url);
}
}


encodeURI

2 Answers
2

Working example: stackblitz

Your only problem was that you forgot to add: &format=json to your url string.

The returned data was in XML format by default.

This is a simple example, but I hope it helps you. I'll use a library called axios right here:

axios

const url = "https://query.yahooapis.com/v1/public/yql?q=select item.condition from weather.forecast where woeid in (select woeid from geo.places(1) where text='Sunderland') and u='c'&format=json";

const getWeatherData = () => {
axios.get(url)
.then(res => console.log(res.data.query.results.channel.item.condition))
.catch(err => console.log(err.data))
}

getWeatherData();

<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.12.0/axios.min.js"></script>

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.