我使用window.open在新选项卡中打开页面,在新选项卡中,从主屏幕上我有一个用于编辑和查看的选项,因此,如果我单击url中的视图,则会传递1,然后单击编辑我传递2,所以我传递了总共2个代码的3个值。现在,当我单击主页上的“查看”按钮时,我将获得如下网址:
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];
您可以使用新的查询参数导航到当前路线,这不会重新加载页面,但会更新查询参数
editMode(){
const queryParams = this.gp.toString() + this.ap.toString() + '2';
this.router.navigate(
[],
{
relativeTo: this.route,
queryParams: queryParams,
queryParamsHandling: 'merge'
});
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句