使用路由参数构建 Angular 2 RC 路由器 link 的问题
Issue with building an Angular 2 RC router link with a route parameter
我参考了 Angular 2 个关于 RC 路由器的文档 路由参数:
以下是文档中提到的关于使用路由参数构建路由器link的内容:
['HeroDetail', { id: hero.id }] // {id: 15}
这应该会产生以下结果 link:
localhost:3000/hero/15
我有以下 link:
<a [routerLink]="['/dashboard/messageconversation/', {otherId: getOther(message).id}]">
并生成以下 link(注意 分号 以及 查询参数 而不是 路由参数):
http://localhost:8080/dashboard/messageconversation;otherId=2
这里是 @Routes
定义:
{path: '/messageconversation/:otherId', component: MessageConversationComponent}
任何人都可以告诉我我哪里错了吗?
事实证明,添加路由参数(相对于查询参数)的正确方法是将参数作为数组的第二个元素如下:
<a [routerLink]="['/dashboard/messageconversation', getOther(message).id]">
stuntbaboon 将我带到了相关的 post。
我参考了 Angular 2 个关于 RC 路由器的文档 路由参数:
以下是文档中提到的关于使用路由参数构建路由器link的内容:
['HeroDetail', { id: hero.id }] // {id: 15}
这应该会产生以下结果 link:
localhost:3000/hero/15
我有以下 link:
<a [routerLink]="['/dashboard/messageconversation/', {otherId: getOther(message).id}]">
并生成以下 link(注意 分号 以及 查询参数 而不是 路由参数):
http://localhost:8080/dashboard/messageconversation;otherId=2
这里是 @Routes
定义:
{path: '/messageconversation/:otherId', component: MessageConversationComponent}
任何人都可以告诉我我哪里错了吗?
事实证明,添加路由参数(相对于查询参数)的正确方法是将参数作为数组的第二个元素如下:
<a [routerLink]="['/dashboard/messageconversation', getOther(message).id]">
stuntbaboon 将我带到了相关的 post。