Carlos Cifuentes
Migración de librerías AngularJS · internacionalización

Migrar angular-translate a Angular moderno

angular-translate manejaba las traducciones en AngularJS con archivos JSON, un filtro translate y una directiva.

Qué la reemplaza

OpciónCuándo elegirla
TranslocoCambio de idioma en tiempo de ejecución con archivos de traducción cargados bajo demanda; mantenimiento activo.
ngx-translateLa API más parecida a angular-translate: el mismo pipe y archivos JSON.
Angular built-in i18nCuando un build por idioma es aceptable y quieres traducciones en compilación.

Cómo migrarla

  1. Conserva tus archivos JSON de traducción: Transloco y ngx-translate leen la misma estructura.
  2. Carga los mismos archivos desde ambos frameworks en la fase híbrida, para que los dos lados nunca muestren textos distintos.
  3. Reemplaza el filtro y la directiva translate pantalla por pantalla; revisa la sintaxis de interpolación y los plurales.

Cuidado con. El comportamiento ante claves faltantes cambia entre librerías. Decide temprano qué se muestra cuando falta una traducción y agrega un chequeo en CI de claves sin uso y faltantes.

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