使用 @angular/localize 动态更改 Angular 应用程序语言

Question

我使用

@angular/localize

来本地化我的 Angular 应用程序。有没有办法动态更改应用程序区域设置；例如通过使用下拉按钮？当区域设置更改时，我可以重新加载页面！

注意：有第三方软件包可以实现此目的，例如 ngx-translate，但我想使用第一方解决方案。

Answer 1

Angular i18n 将为每种语言生成一个路径前缀，例如英语的路径前缀是

/en/

或法语

/fr/

等。

因此，当您想让用户可以更改语言时，只需使用更新的前缀添加链接即可：

<a href="/en/">English</a>