角度对话框打开导致查询参数在新加载的页面上被删除答案

【问题标题】：Angular dialog open causes query parameters being removed on newly loaded page角度对话框打开导致查询参数在新加载的页面上被删除
【发布时间】：2023-02-16 01:27:03
【问题描述】：

我认为这与对话框的注入方式有关，因此它不知道组件树或路由。如果是这样的话，我说这是件好事。

但奇怪的是，打开对话框后 URL（查询参数位）发生了变化。

所以路线就像/abcd?a=1。如果我留在应用程序中，一切都很好。但是如果我复制网址，打开一个新页面，然后点击页面上的按钮打开一个Angular CDK dialog，查询参数部分就没有了。

路由变为/abcd

查看文档，ActivatedRoute 属性都是只读的。我试图通过将其从路由组件传递到对话框来自己同步它。它没有用。

【问题讨论】：

从来没有遇到过这样的问题，这与您的代码/配置有关

标签： angular angular2-routing mat-dialog

【解决方案1】：

我不认为我知道问题的根源。

但是我更改了 html，问题就消失了。

基本上，我有 <a> 标签，[routerLink]="[]" (click)="doSomething()" 嵌套在 <li> CdkMenuItem 嵌套在 <ul> CdkMenu

在我将 <li> 更改为按钮而不是这个嵌套的 <a> 之后，问题就解决了。

我想他们都有关系

如何角加载根组件
angular如何设置路由
<a> 处理它的事件气泡
新页面自行加载

【讨论】：