Angular 2，子菜單僅在一個活動子菜單中需要borderbottom

Question

我在導航激活按鈕中有borderbottom行。 我的鏈接是ex。 http://localhost:3000/#/dashboard/wage

與此代碼，我有活躍的2個按鈕與bottomborder - 儀表板和工資

CSS：

.sub-navbar li a:active { 
color: white; 
border-bottom: 4px solid #9ACD32; 
background-color: #002b31; 

}

<li *ngFor="let sub of nav.subMenu"> 
        <a [routerLink]="'/dashboard' + [sub.link]" [routerLinkActive]="['is-active']"> 
         {{sub.name}} 
        </a> 
       </li> 

Answer 1

我認爲你造型的它的那樣簡單a element有一個名爲'active'的類：a:active。但是您的路由器鏈接正在設置一個名爲is-active的類。嘗試將其設置爲active。

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