如何找到选定元素routerLinkActive的父级？

Question

有一个链接：

<li>
 <ul>
    <a [routerLink]="menu.getRouteUrl(item)" routerLinkActive="active">Link</a>
 </ul>
</li>

如何在li时为父项routerLinkActive="active"设置课程？

Answer 1

您只需将routerLinkActive移至父元素。

<li routerLinkActive="active">
  <a [routerLink]="menu.getRouteUrl(item)">Link</a>
</li>

Answer 2

您可以使用routerLinkActive指令的isActive属性，如下所示；

<li [ngClass]="{'classNameWhenLinkActive': myLink.isActive}">
 <ul>
    <a #myLink="routerLinkActive" [routerLink]="menu.getRouteUrl(item)" routerLinkActive="active">Link</a>
 </ul>
</li>

这是一个简单的演示https://stackblitz.com/edit/angular-upqogp