Magic Translate vs. Angular i18n
Las aplicaciones Angular se traducen normalmente con una de las tres herramientas: el i18n, ngx-translate o Transloco integrados de Angular. Los tres requieren traducciones para cada idioma antes de lanzar la aplicación. Magic Translate traduce el texto de tus plantillas directamente, sin archivos de traducción.
De un vistazo
| Magic Translate | Angular i18n | ngx-translate y Transloco | |
|---|---|---|---|
| Cómo escribes el texto | Tus propias palabras, en <t> o t pipe | Tus propias palabras, marcadas con el i18n | Una clave para cada mensaje |
| Traducciones | Traducción mediante IA, creada automáticamente | Extraído a los archivos XLIFF y traducido por ti | Archivos JSON por idioma, escritos por ti |
| Cambiar de idioma | En tiempo de ejecución | Una versión por idioma | En tiempo de ejecución |
| Procesamiento de servidores | Sí, traducido en el momento de la construcción con renderizado previo | Sí | Sí, con configuración adicional |
| Precio | Plan gratuito, luego planes mensuales según el uso | Gratis, parte de Angular | De código abierto y gratis |
En qué se diferencia el código
Con el i18n integrado de Angular, marcas el texto, lo extraes y traduces el archivo extraído para cada idioma:
<h2 i18n>Your shopping cart</h2>
ng extract-i18n# then translate messages.xlf into messages.de.xlf, messages.fr.xlf, …# and build the app once per language
Con ngx-translate o Transloco, cada mensaje tiene una clave y sus traducciones están en archivos JSON:
<!-- ngx-translate --><h2>{{ 'cart.title' | translate }}</h2><!-- Transloco --><h2>{{ 'cart.title' | transloco }}</h2>
Con Magic Translate, escribes el texto y lanzas tu aplicación:
<h2><t>Your shopping cart</t></h2><input [placeholder]="'Search products' | t" />
Cuándo elegir Magic Translate
- Quieres tu aplicación Angular en muchos idiomas sin extraer, traducir ni cargar archivos.
- Quieres que los usuarios cambien de idioma sin volver a cargar la aplicación ni crearla una vez por idioma.
- Tu texto cambia con frecuencia y quieres que todos los idiomas estén actualizados.
Cuándo elegir Angular i18n, ngx-translate o Transloco
- Todo el texto debe estar traducido o revisado por una persona.
- Necesitas un control exacto sobre los plurales y la redacción en cada idioma.
- Quieres una solución gratuita sin servicio externo.
Pasar al Magic Translate
Puedes cambiar un componente a la vez. Sustituye la clave o el atributo i18n por el texto en inglés de <t> o utiliza t pipe para los atributos. La guía Angular muestra la configuración.
¿Estás listo para probarlo? Sigue la guía de inicio para traducir tu primer componente en cinco minutos.