<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 |