如何在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選爲「活動」類？

回答

相關問題