我的路由器目前看起来像这样
{
path: 'map',
component: MapComponent,
children: [
{ path: 'live', component: LiveTripComponent },
{ path: 'drivers/:id', component: DriverDetailComponent },
{ path: 'customers/:id', component: CustomerDetailComponent }
]
},
{ path: 'drivers', component: DriversPageComponent },
{ path: 'customers', component: CustomersPageComponent },
{ path: 'accounts', component: AccountComponent
}
有一个全局日期范围,可以从任何页面更改。 如何在url中捕获全局状态,以便刷新链接不会改变全局状态。
我想过使用aux
路线
{path: 'range', outlet: 'aux', component: RangeComponent}
并将日期范围作为queryParams传递。
我在日期范围发生变化时运行
this.router.navigate(['../', '/aux:range'], {relativeTo: this.route, queryParams: {asd: 'dsa'}});
这会将用户更改为
http://localhost:3000/map/live(aux:range)?asd=dsa
但点击任何链接,辅助路线信息将从网址中删除。
有没有办法让这个工作。