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

埃布勒姆

我想将用户的用户名视为 URL 的一部分。例如:

我有一个这样的网址:

 www.undefiend.com/panel/dashboard

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

www.undefiend.com/user1/dashboard
  • 或者

    www.undefiend.com/michael/mails

  • 或者

    www.undefiend.com/richard/profile

别人...

我怎样才能在 Angular 2 或更高版本中做到这一点?

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

贡特·佐赫鲍尔(GünterZöchbauer)

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章