Angular 2 RouterLink重写URL？

Question

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

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

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

但是如果......我想制作更干净的URL，就像这样：

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

使用angular 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']"