Angular2 i18n idioma cambio

dynamic typescript

Question

Estoy buscando una manera de

• establezca dinámicamente el idioma actual que se mostrará: He seguido el último libro de cocina angular sobre la internacionalización, pero dice que " el idioma del usuario está codificado como una variable global document.locale en index.html "

¿Cómo se puede configurar dinámicamente en angular2 + mecanografiado?

Aquí está mi intento del plunkr Angular2 oficial: https://plnkr.co/edit/lWV4VhzpWYnCXeDBpzsn?p=preview donde he comentado el

document.locale=''en'';

e intentó recuperar el archivo window.document dentro de un servicio de escritura, y cambiar la configuración regional allí, pero a pesar de que se llama y la configuración regional está configurada correctamente (se ve en la consola), la interfaz no se muestra en el idioma elegido al inicio .

Luego, por supuesto, los botones desplegables tampoco funcionan porque se utiliza la misma forma errónea y la pantalla no se actualiza, pero ese es el siguiente paso.

Answer 1

Estoy guardando la clave de idioma seleccionada por el usuario en el almacenamiento local:

//<select name="selectLocate" (change)="onChange($event.target.value)">
 public onChange(localeId: string): void {
    localStorage.setItem(''localeId'', localeId);
    location.reload(true);
  }

Luego forzar la recarga, y en i18n.provider.ts

let locale = localStorage.getItem(''localeId'');