爲Angular 2中的每個用戶自定義URL

Question

我想將用戶的用戶名看作URL的一部分。例如：

我有一個這樣的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

使用了PARAM路由器在路由

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