Question

我有一条默认路由''，它路由到我的应用程序的HomeComponent。我还有另一条路线，您可以使用/other导航到该路线。现在，您可以使用参数:param从应用程序中的任何地方回到HomeComponent，发生的事情是：/other路由被用作参数，因此它不会重定向我，而是重定向为{{1} }我在HomeComponent中得到:param。

other

也尝试将其作为子路线

   const routes: Routes = [
        {path: '', component: HomeComponent},
        {path: ':param', component: HomeComponent},
        {path: 'other', component: OtherComponent},
   ];

在默认路由和子路由/其他路由上都有参数的解决方案吗？

Answer 1

您可以尝试这种方式：

 const routes: Routes = [
    {path: '**', component: HomeComponent},
    {path: '', component: HomeComponent},
    {path: ':param', component: HomeComponent},
    {path: 'other', component: OtherComponent},

];

Answer 2

路线的顺序似乎很重要

const routes: Routes = [
    {path: '', component: HomeComponent},
    {path: 'other', component: OtherComponent},
    {path: ':param', component: HomeComponent},

];

通过将路线移至参数上方，它仍会导航至该路线。

角度路线从默认路线用作参数

2 个答案: