Migrar ng-infinite-scroll a Angular moderno
ng-infinite-scroll llamaba a una función cuando el usuario se acercaba al final de la ventana o de un contenedor. Está atada a AngularJS.
Qué la reemplaza
| Opción | Cuándo elegirla |
|---|---|
| ngx-infinite-scroll | El más parecido: una directiva que emite un evento cuando el usuario se acerca al final. |
| IntersectionObserver in a small directive | Sin dependencias: observa un elemento centinela ubicado al final de la lista. |
| CDK virtual scroll | Cuando la lista crece tanto que el problema real es renderizar todas las filas. |
Cómo migrarla
- Revisa cada lista: scroll de la ventana o de un contenedor, el umbral de distancia y la bandera de deshabilitado.
- Lleva la carga de páginas a un servicio que registre la página actual, una bandera de carga y si quedan más datos.
- Conecta la directiva o el observer nuevo y renderiza la lista con @for y una expresión track.
Cuidado con. Protégete de las cargas duplicadas: el disparador vuelve a activarse antes de que llegue la página anterior. Ignóralo mientras haya una petición pendiente.
Otras librerías
¿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