angular - 角度如何处理具有不同参数的两条相似路线？

Question

角度如何处理具有不同参数的两条相似路线？

例如：

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

角度如何知道或如何告诉角度哪个参数是username哪个参数是username2？

标签： angularroutingangular2-routingangular-routing

Answer 1

它不能，它总是会转到UserComponent，因为这是它会找到的第一个匹配项。他们应该总是有一个可识别的路径部分：

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