Angular - TrackByFunction

• Szerző: Sallai András
• Copyright © Sallai András, 2023
• Licenc: CC Attribution-Share Alike 4.0 International
• Web: https://szit.hu

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.

class Employee {
    id: number;
    name: string;
    city: string;
    salary: number;
}

function employeeTrackBy(index, employee) {
    return employee.id;
}

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