带有 '@' 符号的 Angular 2 url 构造

Question

如何在构建路由时添加'@'符号

喜欢localhost/@user

我试过了

{
    path:'\@:username',
    component:ProfileComponent
}

和

{
    path:"'\@':username",
    component:ProfileComponent
}

没有成功

我应该只获取用户名作为参数， 一种可能的解决方案是我可以做到这一点

{
    path:':username',
    component:ProfileComponent
}

并删除 ": 参数中的'@'，使用参数， 有什么方法可以让第一个工作？

Answer 1

您可以尝试实现自定义 UrlSerializer 并在那里本地化 @: 替换。

参见 https://angular.io/docs/ts/latest/api/router/index/UrlSerializer-class.html