Angular 2 RouterLink改写了URL?

虚幻

假设我具有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应用程序做这件事的方法是什么?以我在Web方面的经验,我尝试将以下内容添加到我的.htaccess文件中:

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

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

那么,在Angular 2中执行此操作的正确方法是什么?

贡特·佐赫鲍尔(GünterZöchbauer)

路由器支持参数

{path: 'player-profile/:name', component: PlayerProfile}
[routerLink]="['/player-profile/' + 'My Name']"

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular 2 RouterLink改写了URL?

来自分类Dev

angular2 routerLink 未显示在 url 上

来自分类Dev

Angular 2 RouterLink用于选择

来自分类Dev

Angular 2 Routerlink在for循环中

来自分类Dev

在Angular 2中测试routerLink指令

来自分类Dev

Angular2 routerLink指令动态参数?

来自分类Dev

单击任何[routerLink]时的Angular 2事件

来自分类Dev

Angular2主机:{'[routerLink]':'/ foo'}

来自分类Dev

在Angular 2中使用routerLink

来自分类Dev

来自Angular2中Object的routerLink

来自分类Dev

Angular 2 Routerlink *ngIf 带参数

来自分类Dev

Angular 2从ComponentInstruction获取URL

来自分类Dev

How to create a re-usable routerLink directive in Angular2

来自分类Dev

Angular 2-再次单击routerLink时重新加载组件

来自分类Dev

Angular2 RC1多级routerLink指令

来自分类Dev

Angular2 Routerlink:添加查询参数

来自分类Dev

Angular2 beta14 Typescript routerLink绑定错误

来自分类Dev

为什么Angular2中的routerLink是必需的?

来自分类Dev

Angular 2 RC.6中的RouterLink不重定向

来自分类Dev

如何在Angular 2中访问没有参数的routerlink

来自分类Dev

Angular JS选择2更改Ajax URL

来自分类Dev

无法在 angular 2 中导航所需的 url

来自分类Dev

Angular 2 - 创建一个 URL

来自分类Dev

Angular2 RouterLink通过将斜杠替换为%2F来中断路由

来自分类Dev

我改写了环境变量PATH

来自分类Dev

无法在本机元素上绑定angular2指令-routerLink

来自分类Dev

如何在Angular2中创建可重用的routerLink指令

来自分类Dev

Angular2 Router 3.0 beta 1(通过Routerlink的子路由失败)

来自分类Dev

在Angular2 Dart中设置Router和RouterLink的正确方法是什么