Angular 13 动态语言环境更改答案

【问题标题】：Angular 13 dynamic locale changeAngular 13 动态语言环境更改
【发布时间】：2021-12-09 20:46:38
【问题描述】：

为了本地化我的 Angular 13 应用程序，我遵循了官方指南：https://angular.io/guide/i18n-example，创建了带有翻译的 *.xlf 文件，到目前为止一切正常。

现在，我想知道是否可以在不重新编译和重新加载 Angular 应用程序的情况下动态更改当前显示语言（当前语言环境和翻译），保持相同的 Url 地址。例如，我想在组件中有一个 Combobox，当用户选择不同的语言时，动态更改整个站点的 UI 显示语言。这可以使用默认的 i18n Angular 13 功能吗？我应该使用ngx-translate 而不是默认的吗？有什么好处和坏处？

【问题讨论】：

标签： angular ngx-translate angular-i18n

【解决方案1】：

i18n 的可能解决方案（此时您需要重新加载页面 100% angualr i18n 无法在运行时更新显示的数据）：

使用一些子域，如 en.domain.com 和 fr.domain.com 并在语言更改时导航用户
使用一些前缀（如第一个）domain.com/en 或 domain.com/fr
使用 localStorage（或其他存储）存储所选语言

使用 ngx-translate 你可以在语言改变时看到实际的语言（运行时更新）

【讨论】：