Personnaliser l'URL de chaque utilisateur dans Angular 2

Question

Je souhaite voir le nom d'utilisateur d'un utilisateur dans le cadre de l'URL. Par exemple:

J'ai une URL comme ceci:

www.undefiend.com/panel/dashboard 

Je veux le personnaliser pour chaque utilisateur. Comme ceci:

www.undefiend.com/user1/dashboard 

• ou

  www.undefiend.com/michael/mails

• ou

  www.undefiend.com/richard/profile

et autres ...

Comment puis-je faire cela dans Angular 2 ou plus?

Toute aide serait géniale. Merci pour l'aide.

Answer 1

Utilisez le routeur avec un param sur la route

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

Et dans le composant de connexion vous naviguez ensuite la route avec l'utilisateur

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

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