tasinsahin Ответов: 1

Угловой перевод маршрута 2


У меня есть веб-приложение, которое поддерживает несколько языков. Я успешно перевожу содержимое приложения с помощью @ngx-translate. Однако мне также нужно перевести ссылку на маршрут. Моя ссылка выглядит так

www.somewebsite.com/dashboard

Теперь, когда я меняю язык на что-то вроде турецкого, мне нужно, чтобы ссылка выглядела так

www.somewebsite.com/anasayfa

Как я могу достичь этого легко? Любая помощь будет оценена по достоинству. Заранее спасибо.

Что я уже пробовал:

Попробовал использовать
ngx-i18n-router
и
localize-router
но это не помогло.

1 Ответов

Рейтинг:
5

sajeetharan

Это своего рода плохая идея для реализации, так как вам нужно построить несколько маршрутов для каждого языка. Вообще я бы рекомендовал вам настроить маршруты с языками. Например,

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(`index.html#/${params['lang']}/dashboard`)
                        break;
                case 'fr':
                    location.replace(`index.html#/${params['lang']}/anasayfa`);
                        break;
            }

  })