使用路由参数构建Angular 2 RC路由器链接的问题

时间:2016-05-28 13:59:53

标签: angular angular2-routing

我参考了关于RC路由器路由参数的Angular 2文档:

以下是有关使用路由参数构建路由器链接的文档中提到的内容:

['HeroDetail', { id: hero.id }] // {id: 15}

这应该产生以下链接:

localhost:3000/hero/15

我有以下链接:

<a [routerLink]="['/dashboard/messageconversation/', {otherId: getOther(message).id}]">

并生成以下链接(请注意分号以及查询参数,而不是路线参数):

http://localhost:8080/dashboard/messageconversation;otherId=2

以下是@Routes定义:

{path: '/messageconversation/:otherId', component: MessageConversationComponent}

有谁能告诉我我错了什么?

1 个答案:

答案 0 :(得分:3)

事实证明,添加路由参数(与查询参数相反)的正确方法是将参数作为数组的第二个元素传递,如下所示:

<a [routerLink]="['/dashboard/messageconversation', getOther(message).id]">

积分转到stuntbaboon指导我到相关职位。