我有一个routerLink附加到我在angular2组件的
HTML中创建的表中的前导值.单击该表值后,我希望routerLink不仅可以发送到下一个组件,还可以将所选值带到下一个组件.
当前代码示例
<a [routerLink]="['/Records']" ><td> {{Member.Name}} <td></a>
解决方法
将路由参数添加到URL,然后使用ActivatedRoute访问该值.
路线定义
{ path: "Records/:name",component: RecordsComponent }
<a [routerLink]="['/Records',Member.Name]" ><td> {{Member.Name}} <td></a>
获得价值
@Component({
...
})
export class RecordsComponent implements OnInit {
constructor(private _route: ActivatedRoute) { }
ngOnInit(){
this._route.params.subscribe((params) => {
var recordName = params["name"];
//load record data
});
}
