Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:angular:angular_17_http_kliens

Különbségek

A kiválasztott változat és az aktuális verzió közötti különbségek a következők.

Összehasonlító nézet linkje

Előző változat mindkét oldalonElőző változat
Következő változat
Előző változat
oktatas:web:angular:angular_17_http_kliens [2024/04/12 20:52] – [Szolgáltatás megírása] adminoktatas:web:angular:angular_17_http_kliens [2025/03/02 16:05] (aktuális) – eltávolítva admin
Sor 1: Sor 1:
-[[oktatas:web:angular|< Angular]] 
- 
-====== Angular HTTP kliens ====== 
- 
-  * **Szerző:** Sallai András 
-  * Copyright (c) 2024, Sallai András 
-  * Szerkesztve: 2024 
-  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC BY-SA 4.0]] 
-  * Web: https://szit.hu 
- 
-===== Modul regisztrálása ===== 
- 
-Két új importálásra is szükség van: 
- 
-  * importProvidersFrom 
-  * HttpClientModule 
- 
-<code javascript 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) 
-  ] 
-}; 
-</code> 
- 
-===== 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: 
-<code javascript src/app/shared/api.service.ts> 
-  constructor(private http: HttpClient) { } 
-</code> 
- 
-<code javascript 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); 
-  } 
-</code> 
  
oktatas/web/angular/angular_17_http_kliens.1712947941.txt.gz · Utolsó módosítás: 2024/04/12 20:52 szerkesztette: admin