具有查询参数的角形路径

Question

我的路线定义为：

public int? studentId { get; set; }

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

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

它有效，URL为：

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

问题是当我按下刷新按钮时，路由表与路由不匹配，并且导航到默认路由。

如何定义匹配刷新情况的路由？