Angular对话框打开会导致新加载的页面上的查询参数被删除。
创始人
2024-10-24 15:31:18
0

在打开对话框之前,使用Angular的Location一些API附加查询参数。例如,可以使用以下代码:

import { Component } from '@angular/core';
import { MatDialog } from '@angular/material/dialog';
import { Router, ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  constructor(
    private dialog: MatDialog,
    private router: Router,
    private route: ActivatedRoute
  ) {}

  openDialog(): void {
    // 获取当前查询参数
    let queryParams = this.route.snapshot.queryParams;
    // 打开对话框之前将当前查询参数附加到URL中
    this.router.navigate([], {
      relativeTo: this.route,
      queryParams: queryParams,
      queryParamsHandling: 'merge'
    });
    // 打开对话框
    const dialogRef = this.dialog.open(YourDialogComponent, {
      width: '250px'
    });
  }
}

这将在打开对话框之前将当前查询参数附加到URL中,并使用“merge”选项将它们与现有查询参数合并。这样,即使在加载对话框期间页面重新加载,查询参数也会被保留。

相关内容

热门资讯

透视黑科技!hhpoker辅助... 透视黑科技!hhpoker辅助软件下载,wepoker怎么设置盖牌(详细辅助曝光教程);1、构建自己...
wepoke辅助挂!手机德州a... wepoke辅助挂!手机德州app辅助(透视)一贯有挂(详细辅助专业教程)1.wepoke辅助挂 a...
透视智能ai!红龙poker脚... 透视智能ai!红龙poker脚本,wepoker祈福有用吗(详细辅助科技教程)1、红龙poker脚本...
微扑克ai辅助器苹果版!wep... 微扑克ai辅助器苹果版!wepoke外挂显示(透视)本来真的有挂(详细辅助爆料教程);致您一封信;亲...
透视中牌率!德普之星辅助器ap... 透视中牌率!德普之星辅助器app,佛手在线大菠萝辅助(详细辅助可靠教程)1、全新机制【德普之星辅助器...
wepoke真的有挂!云扑克德... wepoke真的有挂!云扑克德州辅助器(透视)真是是真的有挂(详细辅助技巧教程);无聊就玩这款wep...
透视系统!wpk透视脚本视频,... 透视系统!wpk透视脚本视频,智星德州插件2024最新版(详细辅助切实教程);1、操作简单,无需注册...
wpk德州透视辅助!wpk德州... wpk德州透视辅助!wpk德州ai(透视)先前真的有挂(详细辅助教你攻略)1)wpk德州透视辅助辅助...
透视辅助!hhpoker透视脚... 透视辅助!hhpoker透视脚本,智星德州插件(详细辅助可靠教程)1、打开软件启动之后找到中间准星的...
wpk透视辅助测试!aapok... wpk透视辅助测试!aapoker系统机制(透视)原本存在有挂(详细辅助技巧教程)是一款可以让一直输...