Блог

Я хочу получить идентификатор пользователя сразу после домена, например 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}
];
  

Вот рабочая демонстрация для динамических маршрутов, начинающихся сразу после имени домена и без каких-либо префиксных маршрутов:

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