Angular 带查询参数的角度路由路径

我的路线定义为：

const routes: Routes = [
  { path: '', component: MyComponent },
  { path: 'my-details', component: MyDetailsComponent},
  { path: '**', redirectTo: '' }
];

所以，当我使用这样的路由器导航时：

const navigationExtras: NavigationExtras = { queryParams: { myId: this.id } };
this.router.navigate(['/my-details'], navigationExtras);

它工作正常，URL为：

http://localhost:4200/my-details?myId=1

问题是当我点击刷新按钮时，路由表与路由不匹配，它会导航到默认路由

---

如何定义与刷新案例相匹配的路由？

我不确定是否完全理解您试图解释的问题。使用queryparams从代码导航是有效的。但在url中包含queryparams的pagereload上，angular将路由到默认路由，即“”（根路径）。这就是我所理解的，我认为在这个问题中有一个答案，关于一个路径匹配器，这看起来像是它解决了问题。它向上投票了9次，来自用户Teddy Sterne-->我不确定自己是否完全理解您试图解释的问题。使用queryparams从代码导航是有效的。但在url中包含queryparams的pagereload上，angular将路由到默认路由，即“”（根路径）。这就是我所理解的，我认为在这个问题中有一个答案，关于一个路径匹配器，这看起来像是它解决了问题。它的投票次数增加了9次，来自用户Teddy Sterne-->