Angular2 本地化 URL,命名路由

Angular2 Localized URL, Named Routes

我们目前正在尝试在我们的 SPA 中命名路由。根据语言,我们应该有:

www.website.com/help
www.website.com/ayuda
www.website.com/hifen

此外,在我们的参考资料中,我们应该能够配置:

href=“/help” href=“/ayuda” href="/hilfe"

取决于语言

Angular2 路由器支持吗? (如果没有,我们如何实现?)

有一个名为 localize-router 的软件包,它扩展了 ng2-translate,应该可以满足您的需求。请记住,它仍在进行中,因此可能不建议用于生产。

请在此处查找:https://www.npmjs.com/package/localize-router

您可以使用管道转换路由链接

<a [routerLink]="['user', userId, 'profile'] | localize">{{'USER_PROFILE' | translate}}</a>

<a [routerLink]="['about' | localize]">{{'ABOUT' | translate}}</a>

用于相同目的的另一个包 @ngx-i18n-router/core,使用 static 翻译以及通过 http 提供路由翻译。

在这里查看:https://www.npmjs.com/package/@ngx-i18n-router/core 也支持惰性路由。

管道用法同上