路由器在 angular2-rc1 中不起作用

Question

我正在尝试在 angular2 中使用路由器。我使用一个链接重定向到DesignerComponent 并将page._id 作为RouteParams 传递。 该代码在 angular2-beta 中正常工作。 以下是我的代码：

pages.component.ts

import { Component, OnInit ,Input} from '@angular/core';
import {SearchPipe} from './../../shared/pipes/search-pipe.pipe';
import { GlobalObjectsService} from './../../shared/services/global/global-objects.service';
import { Router,Routes , ROUTER_DIRECTIVES, ROUTER_PROVIDERS} from '@angular/router';
import { DesignerComponent } from './../../+designer/designer.component';

@Component({
  moduleId: module.id,
  selector: 'app-pages',
  pipes: [SearchPipe],
  directives: [ROUTER_DIRECTIVES],
  providers: [ROUTER_PROVIDERS],
  templateUrl: 'pages.component.html',
  styleUrls: ['pages.component.css']
})
@Routes([  
  {path: '/designer', component: DesignerComponent}
])
export class PagesComponent implements OnInit {

  @Input() pages:any;    
  constructor(private router:Router) {

  }
  ngOnInit() { }
  selectPage(page_id:string){                    
  }  

}

在我看来，我做了以下事情：

<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>

但它向我显示以下错误：

Argument of type '{ path: string; name: string; component: typeof DesignerComponent; }[]' is not assignable to parameter of type 'RouteMetadata[]'

我只想在点击以 page_id 作为参数的链接时重定向到DesignerComponent。

任何输入？

Answer 1

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

@Routes([  
  {path: '/designer/:page_id', component: DesignerComponent}
])

在routerLink中直接使用page._id，不带对象：

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

更新

从组件访问参数值：

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

Answer 2

新的RouteDefinition 没有name 属性。因此，只需将其删除即可：

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

视图将是：

<div [routerLink]="['/designer',{page_id: page._id}]" ... >

<a [routerLink]="['/designer',{page_id: page._id}]"  ... >