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

====== Angular - TrackByFunction ======

  * **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

===== NgForOf azonosítója =====

A TrackByFunction, az NgForOf direktíva használatakor segít az egyedi azonosító használatában, a DOM változtatása során.

Célja, hogy csak a DOM-nak csak azokat a részeit változtassuk, ami az adott tömbben vagy listában is változik.

===== Model =====

<code javascript>
class Employee {
    id: number;
    name: string;
    city: string;
    salary: number;
}
</code>

===== TrackBy függvény =====

<code javascript>
function employeeTrackBy(index, employee) {
    return employee.id;
}
</code>


===== Használat =====

<code html>
<tr *ngFor="let emp of employees; trackBy:employeeTrackBy">
    <td>{{ emp.name }}</td>
    <td>{{ emp.city }}</td>
    <td>{{ emp.salary }}</td>
</tr>
</code>