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옵션을 체크해준다.