라우터 ngx-bootstrap 탭으로 이동 각도 4

Question

4 개의 탭 (ngx-bootstrap 탭 사용), myprod, mysettings 등의 구성 요소가 있습니다. 각 탭에 대해 4 개의 다른 라우팅을 만들었습니다 (동일한 구성 요소를 가리킴). 페이지로드시 올바른 탭을 표시하기 위해 아래 코드를 사용했습니다.

[routerLink]="['/user/my-account']" [routerLinkActive]="'active is-active'" 

하지만 불행하게도 매번 활성 클래스는하지 않을 권리 하나의 탭에 처음에 추가됩니다. 내가 활성 대신 다른 클래스 이름을 사용하면 예상대로 작동합니다. 도와주세요.

Answer 1

이

<tab [routerLink]="['/user/my-account']" routerLinkActive #ads="routerLinkActive" [active]="ads.isActive"> 

</tab>