如何在Angular 2 RouterModule中将Bootstrap navbar选为“活动”类？

我有一些标签如何在Angular 2 RouterModule中将Bootstrap navbar选为“活动”类？

<div class="side-wrap-div"> 
        <div class="list-group sidebar-nav"> 
            <li class="list-group-item borderBottomMenu active" > 
                <a href="#/{{ DocumentURL }}">Document</a> 
                <span class="marker-logo"></span> 
                <span class="logo document-logo-click" ></span> 
            </li> 
        </div> 
        <div class="list-group bottom-fixed"> 
            <div  id="collapse3" *ngIf="showContact"> 
                <a href="#/contact/{{ currentTaskId }}" class="panel-collapse list-group-item collapse"> 
                    <span class="logo contact-logo" ></span>Contact 
                </a> 
        </div> 
    <div>

如何设置选择是积极的导航栏一sidenav吧？我正在使用RouterModule（不是[routerLink]）并已在app.routing.ts中声明了我的路由。

来源

2017-01-23 Protagonist

你试过[routerLinkActive] =“['active']” – Habeeb

@Habeeb在我的情况下，我该怎么做？用？ – Protagonist

@Habeeb我试过，但问题是，它显示为突出显示或选择 – Protagonist

它通过使用

<a class="nav-link" routerLink="my-route" routerLinkActive="active">My Route</a>

routerLinkActive="active"将 “主动” 类添加到<a>元素为我工作。

发现它有：Router directives

您可能必须使用规定的路线，这里Define routes描述。

来源

2017-08-03 10:56:17 inwi

如何在Angular 2 RouterModule中将Bootstrap navbar选为“活动”类？

回答

相关问题