Question

我有一个支持多种语言的Web应用程序。我已成功使用@ ngx-translate翻译应用程序的内容。然而;我还需要翻译路线链接。我的链接看起来像这样

www.somewebsite.com/dashboard。

现在，当我将语言更改为土耳其语时；我需要链接看起来像

www.somewebsite.com/anasayfa。

我如何轻松实现？任何帮助表示赞赏。提前致谢。

Answer 1

这是一个不好的主意，因为您需要为每种语言构建多个路径。通常，我建议您使用语言配置路由。例如，

www.somewebsite.com/en/dashboard

并且如果它是一种不同的语言，那么应该是

www.somewebsite.com/es/dashboard.

但是，如果您真的想使用其他语言路线进行构建，则必须这样做

create a new path : { path: ':lang/dashboard', component: dashboardComponent }

this.route.params.subscribe(params => {
            translate.use(params['lang']);
            switch (params['lang']) {
                case 'en':
                    location.replace(<code>index.html#/${params['lang']}/dashboard</code>)
                        break;
                case 'fr':
                    location.replace(<code>index.html#/${params['lang']}/anasayfa</code>);
                        break;
            }

  })

如果您不喜欢上述实现，您也可以使用不同的路由

Angular 2路线平移

1 个答案: