如何在不刷新 angular8 页面的情况下更改 url 的值

Question

>我已经使用 window.open 在新选项卡中打开页面，在新选项卡中，我有一个编辑和查看选项，所以如果我在 url 中单击查看，我传递 1，单击编辑时我传递 2，所以我总共传递 3 个值， 有2个代码。 现在，当我从主页单击查看按钮时，我得到这样的网址：

http://localhost:4200/data?dt=1211-1211-1

因此，在视图中，我有一个"编辑"按钮，该按钮使所有字段都可以进行编辑，因此在这里我希望我的网址

http://localhost:4200/data?dt=1211-1211-2,

因此，它将处于编辑模式。 我使用激活的路由器从主页到新选项卡的 url 中获取值

let url = this.route.snapshot.queryParams.dt.split("-");
this.gp= url[0];
this.ap = url[1];
this.mode = url[2];

Answer 1

您可以使用新的查询参数导航到当前路由，这些参数不会重新加载您的页面，但会更新查询参数

editMode(){
const queryParams = this.gp.toString() + this.ap.toString() + '2';    
this.router.navigate(
[], 
{
relativeTo: this.route,
queryParams: queryParams,
queryParamsHandling: 'merge'
});
}