在页面刷新时,保持导航栏状态

时间:2019-06-21 09:15:15

标签: javascript css angular typescript

我有一个包含多级菜单的侧边栏菜单。如果我选择了子菜单,我希望刷新页面后,选择器导航栏在子菜单中保持激活状态。那有可能吗?

下面是一些代码:

p cnf 3 4
1 2 0
2 1 0 
2 4 0
4 5 0

3 个答案:

答案 0 :(得分:0)

您可以在单击子菜单时保存导航状态,然后在ngOnInt上可以检查状态是否存在,然后激活子菜单。

答案 1 :(得分:0)

将状态作为片段存储在URL中

https://myapp.com/mypage#tab_state

使用命令

window.location.hash='#tab_state'

通过读取页面刷新值,您可以将适当的子级设置为活动状态。

答案 2 :(得分:0)

您可以使用RouterLinkActive,该指令可在链接的路由变为活动状态时将CSS类添加到元素中

https://angular.io/api/router/RouterLinkActive