路由到选项卡的上次已知状态

时间:2017-12-17 19:17:47

标签: angular angular2-routing angular-routing

我有GUI,有几个标签。在每个选项卡下,存在一个表,该表允许排序和搜索,并在URL中映射查询参数以查询参数。我想在导航离开任何标签之前保留每个标签的最后一个已知状态(以及URL),当我点击一个标签时,我想要收回我之前所用标签的最后一个已知网址留下它。每个选项卡都有不同的路径。

例如,假设我在Tab_1 (/tab1)上,我搜索“hello”,表格过滤器(/tab1?q=hello)并切换到另一个标签Tab_2。当我点击Tab_1时,我想返回搜索状态(/tab1?q=hello),并在网址中显示相应的查询参数。

我已经实现了RouterReuseStrategy来缓存组件状态,但是我的组件监视查询参数,因为当我向后导航时没有查询参数,组件被重新初始化。我相信如果我以某种方式设法使用查询参数设置URL,该组件将显示正确的缓存状态。我只是无法想象如何实现这一点。

任何建议/建议表示赞赏。

1 个答案:

答案 0 :(得分:0)

您是否可以将URL和/或查询参数保存到本地存储?然后在组件创建期间从本地存储加载最后一个状态?