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