Angular 角度2，子菜单仅在一个活动子菜单中需要底部边框

我在导航活动按钮中有边界底线。 我的链接是前

有了这段代码，我就有了两个带底部边框的按钮——仪表板和工资

css:

}

{{sub.name}}

我认为这很简单，只要你用一个名为“active”的类设置

元素的样式：
a:active
。但是您的路由器链接正在设置一个名为
的类处于活动状态
。尝试将其设置为激活状态

<a [routerLink]="'/dashboard'  + [sub.link]" [routerLinkActive]="['active']">

nah。。我们需要得到唯一的孩子链接，并做积极的，而不是+仪表板
<li *ngFor="let sub of nav.subMenu">
                    <a [routerLink]="'/dashboard'  + [sub.link]" [routerLinkActive]="['is-active']">
                        {{sub.name}}
                    </a>
                </li>

<a [routerLink]="'/dashboard'  + [sub.link]" [routerLinkActive]="['active']">