• Szerző: Sallai András
• Copyright © 2024, Sallai András
• Szerkesztve: 2024
• Licenc: CC BY-SA 4.0
• Web: https://szit.hu

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

• importProvidersFrom
• HttpClientModule

src/app/app.config.ts

import { importProvidersFrom } from '@angular/core';
//...
import { HttpClientModule } from '@angular/common/http';
 
//...
export const appConfig: ApplicationConfig = {
  providers: [
    provideRouter(routes),
    importProvidersFrom(HttpClientModule)
  ]
};

ng generate service shared/api

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);
  }