具有两个不同链接的 Angular i18n答案

【问题标题】：Angular i18n with two different links具有两个不同链接的 Angular i18n
【发布时间】：2019-11-27 17:47:18
【问题描述】：

我有一个带有实现 i18n 的 Angular 应用程序，用于选择语言取决于客户的意愿。现在我想设置一个带有链接的页脚，该链接将被重定向到不同的站点，具体取决于语言，例如 link1="https://en.wikipedia.org/wiki/Angular_(web_framework)" link2="https://de.wikipedia.org/wiki/Angular" ，所以我将有一个别名，该别名将被重定向到不同的站点，具体取决于所选的语言。

我尝试使用角管，但我不知道如何设置。

<a href="'" class="footer__link">{{'footer.angular' | translate}}</a>

【问题讨论】：

你用的是什么库？
你到底是什么意思？我在这个项目中安装了 i18n npm 包，并尝试使用管道来实现我所描述的。也许还有另一种实现方式。
您可以尝试使用ngx-translate。不知道有没有原生 Angular 的，但是这个很棒。

标签： angular angular-i18n

【解决方案1】：

好的，所以我已经将 ngx-translate 安装到项目设置服务等。要获得不同的值键取决于语言，我在 Angular 中使用属性绑定。从 i18n .json 中获取 Angular 属性并设置我的变量。

footer.angular.link="https://en.wikipedia.org/wiki/Angular_(web_framework

和

<a [href]="'footer.angular.link' | translate" class="footer__link">{{'footer.angular' | translate}}</a>

这是非常简单的解决方案，但也许有人会有更好的解决方案。

【讨论】：