Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:angular:angular_httpclient

< Angular

Angular HttpClient

Összehasonlítás

 Angular                ES6          JavaScript
    |                    |
    v                    v
HttpClient            fetch()      XMLHttpRequest (XHR)
    |                    |
    v                    v         
Observable            Promise

Modul regisztrálása

Egy új importálásra is szükség van:

  • provideHttpClient
src/app/app.config.ts
import { provideHttpClient } from '@angular/common/http';
 
//...
export const appConfig: ApplicationConfig = {
  providers: [
    provideRouter(routes),
    provideHttpClient()
  ]
};

Szolgáltatás létrehozása

ng generate service shared/api

Szolgáltatás megírása

A konstruktorba paraméterként vegyük fel a http objektumot:

src/app/shared/api.service.ts
  constructor(private http: HttpClient) { }
src/app/shared/api.service.ts
//...
 
  host = 'http://localhost:8000/api/';
 
//...
 
  getEmployees() {    
    let endpoint = 'employees';
    let url = this.host + endpoint;
 
    return this.http.get<any>(url);
  }
oktatas/web/angular/angular_httpclient.txt · Utolsó módosítás: 2025/03/02 13:44 szerkesztette: admin