css - 如何使 Angular2 中的导航栏突出显示？

Question

我想为此激活导航栏，我正在使用CSS，但是当我要刷新页面时，事件选项卡将删除，我如何在 Angular 2中执行此操作？

 HTML:--


<ul class="nav navbar-nav navbar-top "
                    *ngFor="let menu of menus">
                    <li><a href="" (click)="goToPage($event)">{{menu}}
                    </a>
                    </li>
                </ul>

CSS:--

navigation a:FOCUS {
    box-shadow: 0 -5px 0 -4px #eee;
    color: #ffffff;
    width:30%
}

.navigation a:HOVER {
    box-shadow: 0 -5px 0 -4px #eee;
    color: #ffffff;
    width:30%
}

Answer 1

您可以使用routerLinkActive向事件路由添加一些CSS，例如:

<a routerLink="login" routerLinkActive="active-class">Login</a>