Carlos Cifuentes
Referencia AngularJS → Angular

ng-repeat en Angular moderno

ng-repeat pasa a ser el bloque @for, integrado en la sintaxis de templates. No necesita imports y exige una expresión track.

Antes · AngularJS
<li ng-repeat="user in vm.users track by user.id">
  {{ user.name }}
</li>
<li ng-if="!vm.users.length">No users</li>
Después · Angular
@for (user of users(); track user.id) {
  <li>{{ user.name }}</li>
} @empty {
  <li>No users</li>
}

Qué cambia

  • track es obligatorio: usa un id estable, no el índice, en listas que cambian.
  • @empty reemplaza el ng-if extra para listas vacías.
  • $index, $first, $last y $even siguen existiendo como variables implícitas dentro del bloque.

Consejo de migración. Los filtros orderBy y filter que se usaban con ng-repeat no tienen pipe equivalente. Ordena y filtra en el componente con un computed.

Relacionado

¿Planeas una migración o una plataforma de microfrontends?

En una llamada de 20 minutos me cuentas tu situación y te digo cómo la abordaría. Si todavía no vale la pena, también te lo digo.

Escríbeme por LinkedIn