Angular2 i18n语言切换

Question

我正在寻找一种方法来

• 动态设置要显示的当前语言:我已经关注了最新的 angular cookbook here关于国际化但它说“用户的语言被硬编码为 index.html 中的全局 document.locale 变量”

如何在 angular2 + typescript 中动态设置？

这是我从官方 Angular2 plunkr 得到的尝试:https://plnkr.co/edit/lWV4VhzpWYnCXeDBpzsn?p=preview我注释掉的地方

document.locale='en';

并尝试在 typescript 服务中检索 window.document，并更改那里的语言环境，但是尽管它被调用并且语言环境设置正确(在控制台中看到)，界面并未以所选语言显示 在启动时。

当然，下拉按钮也不起作用，因为使用了相同的错误方法，显示没有刷新，但这是下一步。

Answer 1

我正在将用户选择的语言 key 保存到本地存储中:

//<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');