路由以反映全局状态

时间:2016-07-03 09:25:28

标签: angular angular2-routing

我的路由器目前看起来像这样

{
            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

但点击任何链接,辅助路线信息将从网址中删除。

有没有办法让这个工作。

0 个答案:

没有答案