首页 > 解决方案 > 手动刷新或写入时,Angular url 不起作用

问题描述

我正在开发一个有角度的可重用菜单,当我们按下一个菜单项时,它会显示链接到路由器的元素并添加一个 css 类以显示它确实已激活。

但是,如果我单击第一个选项之外的另一个选项,例如“关于”并且我刷新页面,尽管 URL 是“/about”,但它会激活我的第一个选项。

所以我在 ngOnInit 方法中有这个:

for (const m of this.menu){
      if(this.router.url === m.link) m.isSelect = true
    }

我不知道该怎么办..

标签: angular

解决方案


好的,这是我的菜单的 stackblitz 版本

https://stackblitz.com/edit/github-r1rgty

如您所见,它可以工作,但是,例如,当您单击 about 并刷新时,url 始终为 /about,但选择的按钮为 Home


推荐阅读