Angular2本地化重新加載組件HTML

Question

我正在使用Angular2應用程序，該應用程序有多種語言。根據我的angular2模板請求發送的cookie，我從服務器獲得不同的語言模板。問題是，當我在Angular中更改語言時，它不會重新加載@Component HTML-s，這意味着我沒有獲取翻譯後的頁面模板。

例

在EN的工作，我有一個模板

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

當我改變我的角度語言，我必須重新裝載組件的HTML獲得（例如）德國翻譯模板。

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

任何建議，我不得不使用這樣做哪一類？我認爲它必須比刷新整個頁面更容易？

我目前只是做了

location.reload(); 

改變語言後，但我想不出更好的解決方案。

Answer 1

Angular2計劃在未來默認採用本地化。但是，現在，爲什麼不使用ng2-translate來翻譯呢？

這是easy to set up，你可以很容易地使用管道翻譯方面：

{{ 'HELLO' | translate}}

然後你只需要創建i18n文件夾中的本地化文件與您需要的所有轉換（例如en.json，de.json等）。

請看Plunker這個簡單的工作例子。