Как angular работает с двумя похожими маршрутами, которые имеют разные параметры?

Question

Как angular работает с двумя похожими маршрутами, которые имеют разные параметры?

Например:

const routes: Routes = [
  {
    path: '',
    component: HomeComponent
  },
  {
    path: ':username',
    component: UserComponent
  },
  {
    path: ':username2',
    component: HomeComponent2
  }
];

Как angular узнает или как вы говорите angular какой параметр username, а какой username2?

Answer 1

Не может, всегда будет go до UserComponent, так как это первое совпадение, которое он найдет. У них всегда должна быть идентифицируемая часть пути:

{
  path: 'user/:username',
  component: UserComponent
},
{
  path: 'home/:username2',
  component: HomeComponent2
}