[[oktatas:web:angular:angular httpclient|< Angular httpclient]]

====== Angular HttpClient - Összetett válaszok ======

  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2023
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== Bevezetés =====

Ha REST API összetett választ ad, az adatokat le kell választanunk a meta adatokról.

===== REST API válasz =====

<code javascript>
{
	"success": true,
	"data": [
		{
			"id": 1,
			"name": "Erős István",
			"city": "Szeged",
			"salary": null,
			"rankId": -1,
			"created_at": "2023-05-20T13:04:59.000000Z",
			"updated_at": "2023-05-20T13:04:59.000000Z"
		},
		{
			"id": 2,
			"name": "Tar Árpád",
			"city": "Szolnok",
			"salary": null,
			"rankId": -1,
			"created_at": "2023-05-20T13:05:34.000000Z",
			"updated_at": "2023-05-20T13:05:34.000000Z"
		}
	]
}
</code>

===== Interfészek =====


<code javascript src/app/employee.ts>
export interface Employee {
    id: number;
    name: string;
    city: string;
    salary: number;
    rankId: number;
}
</code>

<code javascript src/app/response.ts>
import { Employee } from "./employee";

export interface Response {
    success: boolean,
    data: Employee[]
}
</code>


===== Szolgáltatás =====

<code javascript src/app/shared/empapi.service.ts>
//...
import { map } from 'rxjs';
import { environment } from 'src/environments/environment';

//...

import { Response } from '../response';

  getEmployees() {
    let endpoint = 'employees';
    let url = environment.host + endpoint;
    return this.http.get<Response>(url).pipe(map(res => res.data));
  }
</code>