[英]How can i make nav bar highlighted in angular2?
I want to make navbar active for this i am using css but when i am going to refresh page active tab is going to remove how can i do this in angular 2? 我想为此启用导航栏,我正在使用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:-- 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%
}
您可以使用routerLinkActive
将一些CSS添加到您的活动路由中,例如:
<a routerLink="login" routerLinkActive="active-class">Login</a>
<ul class="nav navbar-nav navbar-top" *ngFor="let menu of menus">
<li>
<a routerLink="menu" routerLinkActive="active">{{menu}}</a>
</li>
</ul>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.