使用user_id Angular +2路由

Question

我有这个路由配置：

const appRoutes: Routes = [
    {
        path: '',
        component: MainComponent,
        canActivate: [SiteRouteGuard],
        children: [
            {
                path: 'home',
                component: HomepageComponent,
                canActivate: [SiteRouteGuard]
            },
            {
                path: 'profile',
                component: ProfileComponent,
                canActivate: [SiteRouteGuard]
            },
            {
                path: '**',
                redirectTo: '/home',
                pathMatch: 'full'
            }
        ]
    },
    {
        path: '',
        redirectTo: '/home',
        pathMatch: 'full'
    }

];

当我导航到个人资料时，网址变为http://localhost:4200/profile并且一切正常，但是如何使用我的user_id为网站中注册的每个用户创建相同的网址。如何制作我的网址becom http://localhost:4200/my_name

Answer 1

如果您从Angular文档中查看此页面 Here detail

基于此，这应该有效：

{path: 'profile/:id', component: ProfileComponent}

您还应该更改模板，例如：

<a *ngFor="let user of users" routerLink="/profile/{{user.id}}">

请仔细阅读文档。