page navigationend change angular internationalization

navigationend - router events filter angular 5



Angular 4 i18n: ¿cómo continuar después de agregar los archivos de traducción? (1)

He traducido nuestra aplicación Angular-4 con el método descrito en el Cookbook. Creo que la información clave que falta es que debe "construir" la aplicación para cada idioma por separado.

Mi comando para ejecutar la aplicación localmente con una traducción se ve así:

>ng serve --i18n-file src/i18n/messages.fr.xlf --locale fr --i18n-format xlf --aot

para construirlo simplemente reemplaza ng serve con ng build

Explicado:

  • -i18n-archivo especificado que traduccion usar
  • --aot es la compilación anticipada de las plantillas html, que reemplazará los textos marcados i18n con sus traducciones

así que en su caso usted construiría la aplicación en alemán y luego la implementaría, digamos, en una carpeta / de. otra versión de la aplicación podría estar en / en etc.

luego, puede redirigir a sus usuarios según el idioma que desean tener para la aplicación dedicada.

espero que esto ayude

Necesito traducir mi aplicación Angular 4. Básicamente he seguido la guía oficial .

  1. He añadido atributos i18n a las etiquetas y así sucesivamente

  2. El angular-cli creó un mensajes.xlf.

  3. Creé una carpeta "locale" en la carpeta src

  4. Copié los mensajes.xlf a esta carpeta de configuración regional ...

  5. ... y lo renombré a "mensajes. de .xlf" para contener las traducciones alemanas

Cambié una traducción simple para probar cosas. Sin embargo, después de cambiar mi navegador a "alemán", no hubo ninguna diferencia (se utiliza npm start, así que básicamente ''ng serve''). Parece ser que todavía falta algo. También la guía explica cómo ''fusionar'' la traducción . Pero este capítulo es increíblemente extraño y no parece muy convincente. Lee como se hizo para una versión anterior.

Por ejemplo, se establece para adaptar mi script de inicio. La cosa es que ni siquiera tengo un script de inicio. Mi index.html se ve así:

<!doctype html> <html> <head> <meta charset="utf-8"> <title>PickUp2</title> <base href="/"> <link href="assets/iconfont/material-icons.css" rel="stylesheet"> <link href="roboto.css" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="assets/material_supply_icon.ico"> </head> <body> <app-root>Loading...</app-root> </body> </html>

¿Dónde necesito colocar este script de inicio? Ni siquiera sé si uso el compilador JIT o AOT. Nunca fueron mencionados en ninguna guía antes.