Migrar ngDialog / $uibModal / $mdDialog a Angular moderno
Las apps AngularJS abren diálogos con servicios como ngDialog.open, $uibModal.open o $mdDialog.show, pasando un template, un controlador y valores resolve.
Qué la reemplaza
| Opción | Cuándo elegirla |
|---|---|
| Angular CDK Dialog | Comportamiento de diálogo accesible y sin estilos, para tu propio diseño. |
| MatDialog | Cuando usas Angular Material. |
| NgbModal | Cuando usas ng-bootstrap. |
Cómo migrarla
- Crea un servicio de diálogos en Angular que ambos frameworks puedan llamar.
- Convierte cada template de diálogo más su controlador en un componente; los valores resolve pasan a ser datos inyectados.
- Reemplaza las promesas de resultado por el observable afterClosed o closed de la referencia del diálogo.
Cuidado con. Los diálogos se abren desde muchas pantallas, así que mígralos temprano mediante un servicio compartido con downgrade. Las pantallas legacy abren los diálogos nuevos sin haber sido migradas.
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