我正在尝试用角度2创建一个应用程序,并且想要传递params来标记[routerLink]中的一个,我想要像这样的链接：
<a href="/auth/signup?cell=1654654654"></a>
我不知道如何在模板中传递细胞…
解决方法
如果你打算使用angula2 beta,那么你必须在做路由时发送这样的参数.
<a [routerLink]="['signup',{cell:cellValue}]">Routing with parameter</a>
<input type='text' [(ngModel)]='cellValue'>
而且在接收方面比你必须通过使用RouteParams得到参数.
如果您要使用angular2 RC而不是必须使用RouteSegment而不是在angular2 RC中使用RouteParams.像这样 ：-
import { Component } from '@angular/core';
import { Routes,RouteSegment,ROUTER_DIRECTIVES } from '@angular/router';
@Component({
selector: 'about-item',template: `<h3>About Item Id: {{id}}</h3>`,Directives: [ROUTER_DIRECTIVES]
})
class AboutItemComponent {
id: any;
constructor(routeSegment: RouteSegment) {
this.id = routeSegment.getParam('id');
}
}
@Component({
selector: 'app-about',template: `
<h2>About</h2>
<a [routerLink]="['/about/item',1]">Item 1</a>
<a [routerLink]="['/about/item',2]">Item 2</a>
<div class="inner-outlet">
<router-outlet></router-outlet>
</div>
`,directives: [ROUTER_DIRECTIVES]
})
@Routes([
{ path: '/item/:id',component: AboutItemComponent }
])
export class AboutComponent { }
