본문 바로가기

IT

[angular] routerLinkActive and routerLinkOptions



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



'IT' 카테고리의 다른 글

[angular] Router navigate relatively  (0) 2018.03.19
[angular] Router Navigation programmatically  (0) 2018.03.19
[angluar] routerLink with path  (0) 2018.03.19
[angular] href VS routerlink  (0) 2018.03.18
[angular] Router  (0) 2018.03.18