文章/答案/技术大牛

发布

社区首页 >问答首页 >当routerLink不是直接在父元素中，而是在单独的组件中时，父元素上的routerLinkActive不起作用

问当routerLink不是直接在父元素中，而是在单独的组件中时，父元素上的routerLinkActive不起作用
EN

Stack Overflow用户

提问于 2021-06-04 15:52:39

回答 1查看 54关注 0票数 1

当div中的某个路由处于活动状态时，我想在该div上设置一个类。当我将带有routerLink指令的链接直接放入routerLinkActive中时，这对于div指令来说工作得很好：

<div class="menu" routerLinkActive="active-group">
  <a ngFor="let link of links" [routerLink]="link">{{ link }}</a>
</div>

然而，当我将链接重构到一个单独的组件时，'active-group‘类不再被设置：

<div class="menu" routerLinkActive="active-group">
  <app-link *ngFor="let link of links" [link]="link"></app-link>
</div>

任何帮助都将不胜感激！

发布于 2021-06-04 17:27:41

试试这个：

  <app-link
    *ngFor="let link of links"
    [link]="link"
    [routerLink]="link"
    routerLinkActive="active"
  ></app-link>

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/67833470

复制

相似问题

问当routerLink不是直接在父元素中，而是在单独的组件中时，父元素上的routerLinkActive不起作用EN