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
也支持惰性路由。
管道用法同上
我们目前正在尝试在我们的 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 也支持惰性路由。
管道用法同上