我有一个 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>
获取值(value)
@Component({
...
})
export class RecordsComponent implements OnInit {
constructor(private _route: ActivatedRoute) { }
ngOnInit(){
this._route.params.subscribe((params) => {
var recordName = params["name"];
//load record data
});
}
关于Angular2 - 将 routerLink 参数添加到所选表值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42495142/