angular - 具有两个不同链接的 Angular i18n

Question

我有一个带有实现 i18n 的角度应用程序，用于选择语言取决于客户的意愿。现在我想设置一个带有链接的页脚，该链接将被重定向到不同的站点，具体取决于语言，例如 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>

标签： angularangular-i18n

Answer 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>

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