Migrar angular-block-ui a Angular moderno
angular-block-ui cubría la página o una sección con un overlay y un mensaje mientras había peticiones de $http en curso, de forma automática o mediante el servicio blockUI. Está atada a AngularJS.
Qué la reemplaza
| Opción | Cuándo elegirla |
|---|---|
| Your own BlockUiService with CDK Overlay | Un overlay de pantalla completa o por sección que tú controlas, con un contador de bloqueos activos. |
| ngx-spinner | Cuando quieres un spinner de pantalla completa ya listo, con llamadas show y hide. |
| Disabled state on the form or button | Muchas veces la mejor solución: bloquear solo la acción en curso y no toda la página. |
Cómo migrarla
- Encuentra dónde el bloqueo es automático (en cada petición) y dónde el código llama a start y stop a mano.
- Crea un servicio con un contador, para que las llamadas anidadas a start y stop no desbloqueen la pantalla antes de tiempo.
- Reemplaza el bloqueo automático por estados de carga explícitos en las pantallas que migras.
Cuidado con. Un overlay que solo tapa la página visualmente deja que quien usa el teclado llegue a los controles de atrás. Atrapa el foco o pon el atributo inert en el contenido bloqueado.
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