Angular 5 localize-router устанавливает маршрут с кодом страны / языка

Question

Вот моя проблема. Я должен настроить маршрутизацию в Angular так, чтобы в URL были код страны и язык. например

https://example.com/usa/en

Сложность в том, что эта часть локализации может измениться, поэтому у меня есть кнопка для переключения страны и языка, поэтому она будет / gb / en или / usa / fr .

Как мне заставить его работать так, используя localize-router и ngx-translate.

Любая помощь высоко ценится.

Answer 1

Прошу прощения, если я неправильно понял ваш вопрос, но если я правильно понимаю, вы можете воспользоваться следующим подходом:

В вашем AppRoutingModule настройте маршруты, как показано ниже:

const routes: Routes = [
  { 
     path:'' , pathMatch: 'full', component: SomeComponent,
     children: [
        { path: ':country-code/:lang-code' , component: SomeOtherComponent }
     ]
  }
]

Теперь вы можете перенаправить событие нажатия кнопки, и оно изменит код страны и код lang соответственно, и вы сможете получить эти значения в вашем SomeOtherComponent для выполнения связанных задач.