角度 - 紧随域之后的动态路由，例如 example.com/:id

Question

我想在域之后获取用户ID，例如 example.com/user1(example.com/:id(，而不是像 example.com/user/user1(example.com/user/:id(这样的东西。这怎么可能？下面是我的路由模块。我想删除所有这些页面路径并只放在那里：id。这样它是动态的。页面在我们的代码中只是"用户"。

我会对最简单的解决方案感到非常高兴。

亲切问候托马斯

const routes: Routes = [
  { path: 'homepage', component: HomepageComponent },
  { path: 'register', component: RegisterComponent },
  {
    path: '', component: MainComponent, children:
      [
        { path: 'search', component: SearchComponent },
        { path: 'menu', component: MenuComponent },
        {
          path: 'page',
          component: TabsComponent,
          children: [
            { path: 'photos', component: PhotoListComponent },
            { path: 'videos', component: VideoListComponent }
          ]
        },
        { path: 'page/photos/:id', component: PhotoDetailComponent },
        { path: 'page/videos/:id', component: VideoDetailComponent },
      ]
  },
  { path: 'page/add/photo', component: PhotoAddComponent},
  { path: 'page/add/video', component: VideoAddComponent}
];

Answer 1

这是动态路由的工作演示，从域名之后开始，没有任何前缀路由：

https://stackblitz.com/edit/angular-dynamic-route-test