Angular 4 создает разные языковые пути для маршрута к одному и тому же компоненту

Question

Я хочу создать многоязычную поддержку для сайта. В настоящее время я использую ngx-translate для перевода всего текста. Итак, у нас есть два URL: mypage / en / home и mypage / es / home. Как я могу создать эти языковые пути и направить их к домашнему компоненту?

Answer 1

Обновлено на основании комментария:

В маршрутах для маршрутизатора вы можете сделать что-то вроде этого:

export const routes: Routes =[
  {
    path: 'mypage/:language/home', component: HomeComponent
  }
]

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

Тогда в вашем компоненте вы можете сделать:

public constructor (
  route: ActivatedRoute
){
  this.language = this.route.snapshot.params['language'];  
}

Если вам действительно нужно несколько маршрутов, вы можете сделать что-то вроде этого:

export const routes: Routes =[
  {
    path: 'mypage/en/home', component: HomeComponent
  }
  {
    path: 'mypage/es/home', component: HomeComponent
  }
]