Angular2 本地化重新加载组件 HTML

Question

我正在开发一个 Angular2 应用程序，它有多种语言。根据随我的 angular2 模板请求发送的 cookie，我从服务器获得了不同的语言模板。问题是，当我在 Angular 中更改语言时，它不会重新加载 @Component HTML-s，这意味着我没有获得翻译后的页面模板。

示例

在 EN 工作，我有一个模板

<p>Hello: @{{ user.name }}</p>

当我在 Angular 中更改语言时，我必须重新加载组件 HTML 以获取（例如）德语翻译模板。

<p>Guten tag: @{{ user.name }}</p>

关于 class 我必须使用哪个来做到这一点有什么建议吗？我想这一定比刷新整个页面更容易吧？

我目前正在做一个

location.reload();

更改语言后，我想不出更好的解决方案。

Answer 1

Angular2 计划在未来默认采用本地化。但是，现在，你为什么不使用 ng2-translate 来翻译呢？

它是 easy to set up，您可以使用管道轻松翻译术语：

{{ 'HELLO' | translate}}

然后，您只需在 i18n 文件夹中创建本地化文件，其中包含您需要的所有翻译（例如 en.json、de.json 等）。

看看这个 Plunker 一个简单的工作示例。