Angular 2 路由器链接到重写的 URL?

Question

>假设我有PlayerProfile组件，并且我使用以下表达式来允许用户访问此组件：

[routerLink]="['PlayerProfile',{name:activity.user.username}]"

网址是：http://localhost:3000/player-profile?name=My Name

但是如果..我想制作更干净的网址，如下所示：

http://localhost:3000/player-profile/My Name

使用角度 2 应用程序的方法是什么？根据我在网络上的经验，我试图将以下内容添加到我的.htaccess文件中：

RewriteRule ^player-profile/(.*)?$ player-profile&name=$1 [L]

但它不起作用(显示一个空的路由组件)，而且每次我将使用 RouterLink 浏览器都会显示?name=...

那么，在 Angular 2 中做到这一点的正确方法是什么？

Answer 1

路由器支持参数

{path: 'player-profile/:name', component: PlayerProfile}

[routerLink]="['/player-profile/' + 'My Name']"