Rangle.io : Angular Training
Search…
Making Requests
To make HTTP requests we will use the
Http service. In this example we are creating a SearchService to interact with the Spotify API.1
import { HttpClient } from '@angular/http/common';
2
import { Injectable } from '@angular/core';
3
import { Observable } from 'rxjs';
4
import { map } from 'rxjs/operators';
5
​
6
@Injectable()
7
export class SearchService {
8
​
9
constructor(private http: HttpClient) {}
10
​
11
search(term: string) {
12
return this.http
13
.get('https://api.spotify.com/v1/search?q=' + term + '&type=artist')
14
.pipe(map(response => response.json()))
15
}
16
}
Copied!
Here we are making an HTTP GET request which is exposed to us as an observable. You will notice the
map operator utilized in the pipe, after the .get. The HttpClient service provides us with the raw response as a string. In order to consume the fetched data we have to convert it to JSON.In addition to
HttpClient.get(), there are also HttpClient.post(), HttpClient.put(), HttpClient.delete(), etc. They all return observables.Last modified 6mo ago
Copy link