具有参数

Question

我正在尝试将角度路线上的路径配置为在空根路径上具有ID参数。例如localhost:4200/123，其中我当前的工作代码像localhost:4200/view/123一样

这是我目前的工作路线

const routes: Routes = [
  {path: '', redirectTo: 'main', pathMatch: 'full'},
  {path: 'main', component: MainComponent},
  {path: 'view/:id', component: ViewComponent},
];

理想情况下，我想删除路径的/view/部分。

我尝试过

const routes: Routes = [
  {path: '', redirectTo: 'main', pathMatch: 'full'},
  {path: '/:id', component: ViewComponent},
  {path: 'main', component: MainComponent},
];

，并加上正斜杠。

我也尝试过

const routes: Routes = [
  {path: '', redirectTo: 'main', pathMatch: 'full'},
  {path: '/:id', redirectTo: 'view', pathMatch: 'full'},
  {path: 'main', component: MainComponent},
  {path: 'view', component: ViewComponent},
];

结合使用正斜杠和向/:id添加{path: 'view', component: ViewComponent},

当我尝试以前无法使用的路由时，该页面显示为空白，并且控制台中没有错误。

使用Angular 5.2.0

Answer 1

应该是这样的。

const routes: Routes = [
    { path: ':id', component: HomeComponent },
    ......
];