Angular2 – 将routerLink参数添加到选定的表值

发布时间：2020-12-17 06:53:46 所属栏目：安全来源：网络整理

导读：我有一个routerLink附加到我在angular2组件的 HTML中创建的表中的前导值.单击该表值后,我希望routerLink不仅可以发送到下一个组件,还可以将所选值带到下一个组件. 当前代码示例 a [routerLink]="['/Records']" td {{Member.Name}} td/a 我有链接,所以它发送

我有一个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
   });
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!