각도 2 RouterModule에서 "활성"클래스로 선택된 부트 스트랩 navbar를 설정하는 방법은 무엇입니까?

Question

는 어떻게 활성화로 선택 네비게이션 바에을 설정하는 일부 탭

<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에서 라우팅을 선언했습니다.

Answer 1

IT는 <a> 요소에 "활성"클래스를 추가합니다

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

routerLinkActive="active"를 사용하여 나를 위해 작동합니다.

이 그것을 발견 : Router directives

현재 Define routes 설명 정의 된 경로를 사용 할 수도 있습니다.