Html 角度6-RouterLink活动在页面刷新后不工作

Html 角度6-RouterLink活动在页面刷新后不工作,html,angular,typescript,angular6,Html,Angular,Typescript,Angular6,上下文 我有一份菜单,里面有一些菜。在路由器中选择的项目上选择了类别,以更改其颜色 发行 切换路由时一切正常,但刷新页面时未选择任何内容 代码 我的HTML模板如下所示: <div [routerLink]="'link1'" routerLinkActive #link1="routerLinkActive"> <div [class.selected]="link1.isActive">Link1&l

上下文

我有一份菜单,里面有一些菜。在路由器中选择的项目上选择了类别,以更改其颜色

发行

切换路由时一切正常,但刷新页面时未选择任何内容

代码

我的HTML模板如下所示:

<div [routerLink]="'link1'" routerLinkActive #link1="routerLinkActive">
    <div [class.selected]="link1.isActive">Link1</div>
</div>
<div [routerLink]="'link2'" routerLinkActive #link2="routerLinkActive">
    <div [class.selected]="link2.isActive">Link2</div>
</div>
...

我认为您需要将所选类名绑定到routerLinkActive。 链接缺少一个“/”字符 像这样的方法应该会奏效:

a、 精选{ 颜色:红色; } /*或*/ a、 选定>跨度{ 颜色:红色; } 链接1 链接
在这里,当id更改时,即导航完成且模板协调后,change\u detection\u hack密钥将更改,这将导致输入更改,从而导致this.update方法运行。此时,QueryList应该处于正确的状态。

当您在某些路由/站点1上刷新页面或没有任何路由时,QueryList不起作用。//@Buczkowski它实际上对两个pages@Stavm但是我如何有条件地添加一个类呢?routerLinkActive=active是您添加的类。