Estoy tratando de aprender y agregar internacionalización angular en un proyecto. Solo puedo entender la traducción de tiempo de compilación de documentos angulares ( https://angular.io/guide/i18n-overview ).
Necesito algo como esto https://stackblitz.com/github/ngx-translate/example que es la biblioteca de terceros 'ngx-translate'.
¿No podemos lograr la misma traducción en tiempo de ejecución solo con la biblioteca angular sin ninguna biblioteca de terceros?
Guíeme si la traducción en tiempo de ejecución es posible con la biblioteca angular.
no hay soluciones para el tiempo de ejecución con i18n de angular box. Solo use ngx-translate. El equipo de Angular todavía solo habla de "lo haremos en la próxima versión", pero no tiene éxito. Trabajo en un gran proyecto y usamos ngx-translate de la versión angular 4 o 6. Puedes confiar en esta biblioteca de terceros. i18n solo puede crear una aplicación para algunos baseHref como:
Cuando necesite compilar una gran cantidad de aplicaciones para trabajar con i18n. ngx-translate: solo 1 aplicación, y las traducciones se pueden dividir por módulos donde se necesitan estas traducciones.
Mi consejo: use ngx-translate y cuando el equipo angular haga que el idioma en tiempo de ejecución se vuelva a cargar, reescriba la parte del proyecto para traducir
Es posible que haya visto que la traducción del tiempo de compilación siempre fue el caso con Angular, donde compilaría la aplicación por configuración regional (por ejemplo, una compilación "en" y una compilación "fr"). Luego alojaría cada aplicación y tendría que redirigir a la configuración regional específica para poder cambiarla en tiempo de ejecución. No es la mejor experiencia.
Con Angular Ivy, ahora también hay un paquete @angular/localize que proporciona un asistente de plantilla etiquetada $localize que se puede usar para la traducción en tiempo de ejecución, pero aún usará la configuración regional en la que se encuentra actualmente. Cuando está integrada en la configuración de producción, creo que puede optimizar las otras configuraciones regionales, por lo que aún no puede cambiar el idioma en tiempo de ejecución.
const message = $localize`:@@username:Hello {username}`;Para cambiar las traducciones en tiempo de ejecución, probablemente podría rastrear el siguiente problema y votar por él:
https://github.com/angular/angular/issues/38953
Especialmente, puede ver los dos comentarios de napei y petebacondarwin , lo que parece sugerir que esto no se admitirá de forma nativa en Angular.
dynamic locale switching (of course) Indeed this will not be supported natively in Angular. Tal vez si obtienen más votos se darán cuenta de la demanda de esta función :) Hasta entonces, deberá usar bibliotecas de terceros como ngx-translate que ya se ha sugerido.