Javascript 路由器在angular2-rc1中不工作

Javascript 路由器在angular2-rc1中不工作,javascript,typescript,angular,angular2-routing,Javascript,Typescript,Angular,Angular2 Routing,我正在尝试使用angular2中的路由器。我使用了一个链接重定向到DesignerComponent并将页面作为RouteParams传递。 代码在angular2测试版中正常工作。 下面是我的代码: pages.component.ts 在我看来,我做了以下工作: <div [routerLink]="['Designer',{page_id: page._id}]" class="btn btn-xs btn-success" title="Design Page"> &

我正在尝试使用angular2中的路由器。我使用了一个链接重定向到DesignerComponent并将页面作为RouteParams传递。 代码在angular2测试版中正常工作。 下面是我的代码:

pages.component.ts

在我看来,我做了以下工作:

<div [routerLink]="['Designer',{page_id: page._id}]" class="btn btn-xs btn-success" title="Design Page">
    <i class="fa fa-eye fa-fw"></i>
</div>
我只想在点击链接时重定向到DesignerComponent,并将page_id作为参数

任何输入?

新路由定义没有名称属性。因此,只需将其移除,就像:

@Routes([  
  {path: '/designer', component: DesignerComponent}
])
意见如下:

新RouteDefinition没有name属性。因此,只需将其移除,就像:

@Routes([  
  {path: '/designer', component: DesignerComponent}
])
意见如下:


在路由元数据中添加参数:

@Routes([  
  {path: '/designer/:page_id', component: DesignerComponent}
])
直接在routerLink中使用page.\u id,不使用对象:

[routerLink]="['/designer',page._id]"
更新

从组件访问参数值:

constructor(curr: RouteSegment) {
        let itemID = curr.getParam("page_id");
    }

在路由元数据中添加参数:

@Routes([  
  {path: '/designer/:page_id', component: DesignerComponent}
])
直接在routerLink中使用page.\u id,不使用对象:

[routerLink]="['/designer',page._id]"
更新

从组件访问参数值:

constructor(curr: RouteSegment) {
        let itemID = curr.getParam("page_id");
    }

尝试了。显示错误:无法绑定到“routerLink”,因为它不是已知的本机属性。对此有任何输入?您有吗?对不起,我正在用手机写信。给我几分钟,它起作用了……但我需要使用@BhushanGadekar,这实际上是有意义的,因为如果你看。您可以看到它有一个绑定到href属性,该属性在div上不可用。尝试了该属性。显示错误:无法绑定到“routerLink”,因为它不是已知的本机属性。此属性上的任何输入都不可用?您有吗?对不起,我正在用手机写信。给我几分钟,它起作用了……但我需要使用@BhushanGadekar,这实际上是有意义的,因为如果你看。您可以看到它有一个到href的绑定属性,该属性在div上不可用。但是我如何访问页面。\u在设计器组件中的id,因为routeParams不工作?我在routerLink中有输入错误。设计师不应该使用/Designer,这意味着我们必须在所有地方都使用相同的名称page\u id,即在发送参数时和在接收端,对吗?但我如何才能访问page.\u id在设计器组件中,因为routeParams不起作用?我在routerLink中有输入错误。而不是设计器应该使用/Designer,这意味着我们必须在所有地方使用相同的名称page_id,即在发送参数时和在接收端,对吗?