IT

[angular] routerLinkActive and routerLinkOptions

로바아토 2018. 3. 19. 09:16



<li role="presentation"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact: true}">
<a routerLink="/">Home</a></li>


-routerLinkActive = "XXX"

: 현재 주소가 routerLink와 같으면 XXX를 적용한다.


-routerLinkActiveOptions

: localhost/와 localhost/users는 다르지만, 앞에 localhost/가 붙어있기때문에, localhost/의 routerLinkActive는 항상 active상태일수밖에 없다.

 이럴경우에 정확히 일치되는 주소만을 체크하기 위해서 routerLinkActiveOptions안에 exact: true옵션을 체크해준다.