Migrar ui-mask / angular-input-masks a Angular moderno
ui-mask aplicaba a un input un patrón como (999) 999-9999, y angular-input-masks agregaba máscaras listas para montos, fechas y documentos brasileños como CPF y CNPJ. Ambas están atadas a AngularJS.
Qué la reemplaza
| Opción | Cuándo elegirla |
|---|---|
| ngx-mask | El más parecido a ui-mask: una directiva de máscara con patrones, más un pipe para mostrar valores. |
| Maskito (@maskito/angular) | Librería de máscaras independiente del framework, con paquete para Angular; buena para máscaras de números, fechas y propias. |
| Native input attributes + validators | Cuando la máscara solo limitaba largo o caracteres: inputmode, maxlength y un validador son suficientes. |
Cómo migrarla
- Lista cada patrón de máscara en uso y si el modelo guarda el valor limpio o el formateado.
- Define los patrones una sola vez, en una directiva compartida o un archivo de constantes, para que cada formulario no los repita.
- Reemplaza las máscaras pantalla por pantalla y prueba en cada una escribir, pegar, autocompletar y borrar.
Cuidado con. ui-mask guarda por defecto el valor sin máscara en el modelo. Confirma qué escribe la librería nueva en el control del formulario, porque el backend recibe exactamente eso.
Otras librerías
- angular-google-maps / ngMap
- angular-leaflet-directive
- textAngular / ui-tinymce / ng-ckeditor
- angular-datatables
¿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