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

问题描述 投票:0回答:1

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

例如,假设我在Tab_1 (/tab1)上,我搜索“hello”,表过滤器(/tab1?q=hello)并切换到另一个选项卡Tab_2。当我点击Tab_1时,我想回到搜索状态(/tab1?q=hello)并在URL中使用相应的查询参数。

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

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

angular angular2-routing angular-routing
1个回答
0
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.