在 Angular 2 中为每个用户自定义 URL

Question

我希望将用户的用户名作为 URL 的一部分。例如：

我有一个这样的网址：

 www.undefiend.com/panel/dashboard

我想为每个用户定制它。像这样：

www.undefiend.com/user1/dashboard

• 或

  www.undefiend.com/michael/mails

• 或

  www.undefiend.com/richard/profile

其他人...

如何在 Angular 2 或更高版本中做到这一点？

任何帮助都会很棒。感谢您的帮助。

Answer 1

在路由中使用带参数的路由器

routes = [
  { path: ':user', children: [
      { path: 'dashboard', component: DashboardComponent, }
  ]},
  { path: '**', component: 'LoginComponent' }
];

然后在登录组件中，您可以使用用户导航到路由

this.router.navigate(['/' + username, 'dashboard']);

另见https://angular.io/docs/ts/latest/guide/router.html#!#can-activate-guard