Υποενότητα 14.3: Angular HTTP Client - Πρακτική

Ανοίξτε το αρχείο dish.service.ts και ενημερώστε τα περιεχόμενά του ως εξής:

...
import { HttpClient } from '@angular/common/http';
import { baseURL } from '../shared/baseurl';
import { Dish } from '../shared/dish';

@Injectable()
export class DishService {
 constructor(private http: HttpClient) { }
 getDishes(): Observable<Dish[]> {
 return this.http.get<Dish[]>(baseURL + 'dishes');
 }
 getDish(id: number): Observable<Dish> {
 return this.http.get<Dish>(baseURL + 'dishes/' + id);
 }
}

Σημειώστε την εμβολή του HttpClient στην κλάση DishService

Η DishService ζητά τα δεδομένα JSON από το διακομιστή και τα ανακτά με μια μέθοδο get()  στο HttpClient, this.http.get<Dish[]>().

HttpClient.get  δημιουργεί ένα παρατηρήσιμο- Observable με το ρυθμισμένο αίτημα GET και όταν υπάρξει εγγραφή στο Observable (στην περίπτωση μας σε μια component), το αίτημα GET εκτελείται στο διακομιστή.