Angular2 i18n 语言切换

Question

我正在寻找方法

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

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

这是我来自官方 Angular2 plunkr 的尝试：https://plnkr.co/edit/lWV4VhzpWYnCXeDBpzsn?p=preview 我已经注释掉了

document.locale='en';

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

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

Answer 1

我正在将用户选择的语言密钥保存到本地存储中：

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