如何使用Angular 2 ActivatedRoute更改网址中的ID？

Question

我想更改网址中的参数而不更改网址。

我有这个打字稿代码：

onRowClicked(event: any) {
    let currentIdPerson = event.data.IdPerson;
}

我想向IdPerson发送URL，我该怎么做？

Answer 1

Es6支持位置.go方法 因此，从@ angular / common module

导入构造函数组件中的Location

constructor(private location: Location){}

onRowClicked(event :any ){
this.location.go(`person\${event.data.personId}\identification`);
}

你的问题有点不完整，但我想这是我能给你的最简单的答案

Answer 2

订阅activatedRoute的网址。 解析数组的路径。替换数组中的id。 加入数组并替换url。 ＆＃34; this.location＆＃34;是一种位置

this.activatedRoute.url.first().subscribe(url => {
            let path = this.location.path().split('/');
            let index = path.indexOf(url[0].path);
            path.splice(index, count, currenIdPerson);


            this.location.replaceState(path.join('/'));


        });