Migrar angular-loading-bar a Angular moderno
angular-loading-bar agregaba un interceptor de $http que mostraba una barra de progreso delgada en la parte superior de la página mientras había peticiones pendientes. Está atada a AngularJS.
Qué la reemplaza
| Opción | Cuándo elegirla |
|---|---|
| HTTP interceptor + your own bar | Un contador de peticiones pendientes en un signal, mostrado con una barra CSS o MatProgressBar. |
| @ngx-loading-bar (core, http-client, router) | La misma idea ya lista: una barra automática para peticiones de HttpClient y cambios de ruta. |
Cómo migrarla
- Revisa qué peticiones se excluían con ignoreLoadingBar y qué umbral de latencia estaba configurado.
- Agrega un interceptor funcional que cuente las peticiones pendientes de HttpClient, o instala el paquete de reemplazo.
- En la fase híbrida, alimenta el mismo contador desde un interceptor de $http legacy, para que el usuario vea una sola barra.
Cuidado con. El polling en segundo plano y las peticiones de autocompletado no deberían activar la barra. Usa un token de HttpContext para marcar las peticiones que la omiten.
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