Listák kezelése

mint más nyelvekben, kell a track hozzá hogy az angular nyomon tudja követni egy ID alapján melyik elemet renderelte ki már

<main>
  <ul id="users">
    @for (user of users; track user.id) {
      <li>
        <app-user
          [user]="user"/> (select)="onSelectUser($event)"
      </li>
    }
  </ul>

  <app-tasks [name]="selectedUser.name"/>
</main>

legacy:

<main>
  <ul id="users">
<!--    @for (user of users; track user.id) {-->
      <li *ngFor="let user of users"> //importálni kell az ngfor-t a .ts-ben a common-bol
        <app-user
          [user]="user"/> (select)="onSelectUser($event)"
      </li>
<!--    }-->
  </ul>