Twitter bootstrap 如何将选择的引导导航栏设置为“;主动”;角度2路由模块中的类?

Twitter bootstrap 如何将选择的引导导航栏设置为“;主动”;角度2路由模块中的类?,twitter-bootstrap,angular,angular2-routing,nav,Twitter Bootstrap,Angular,Angular2 Routing,Nav,我有一个带有一些标签的侧导航栏 <div class="side-wrap-div">     <div class="list-group sidebar-nav">         <li class="list-group-item borderBottomMenu active" >             <a href="#/{{ DocumentURL }}">Document</a>   

我有一个带有一些标签的侧导航栏

<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>

    
        
            
            
            

    
    
        
            
    

如何将选定的导航栏设置为活动状态?我正在使用RouterModule(不是[routerLink]),并已在app.routing.ts中声明了我的路由。

它通过使用


您可能必须使用此处所述的已定义路由。

我可以使用


您可能必须使用此处描述的已定义路由。

您是否尝试过[RouterLink active]=“['active']”@Habeeb在我的情况下,将其放在哪里?使用@Habeeb我试过了,但问题是,它显示为高亮显示或选中的状态。请看这个。您是否尝试过[routerLinkActive]=“['active']”“@Habeeb在我的情况下,我应该把它放在哪里?使用@Habeeb我试过了,但问题是,它显示为高亮显示或选中。请参见此