angular - 带有查询参数的角度路由路径

Question

我有一条路线定义为：

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);

它有效，网址是：

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

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

如何定义路由以匹配我的刷新案例？

标签： angularangular-routing