Блог

Я ищу способ

• динамическая настройка текущего языка для отображения: я следил за последней поваренной книгой angular здесь об интернационализации, но в ней говорится: «язык пользователя жестко запрограммирован как глобальный документ.переменная locale в index.html «

Как это можно установить динамически в angular2 typescript?

Вот моя попытка из официального Angular2 plunkr: https://plnkr.co/edit/lWV4VhzpWYnCXeDBpzsn?p=preview где я прокомментировал

 document.locale='en';
  

и попытался извлечь window.document внутри службы typescript и изменить там языковой стандарт, но, несмотря на то, что он вызывается и языковой стандарт установлен правильно (видно в консоли), интерфейс не отображается на выбранном языке при запуске.

Тогда, конечно, выпадающие кнопки также не работают, потому что используется тот же ошибочный способ, и отображение не обновляется, но это следующий шаг.

Я сохраняю выбранный пользователем языковой ключ в локальное хранилище:

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

Затем принудительная перезагрузка, и в i18n.provider.ts

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