[Angular] router link

앵귤러는 데이터바인딩을 제공하기에

 

여러가지 방식의 router link가 있다.

routerLink="/index"

 

이렇게 [routerLink]가 아닌 routerLink = 이라고 사용할 경우에는

뒤에있는 문자열로 이동하게된다. 로컬에서 개발중이였다면

localhost:4200/index 로 이동

 

[routerLink]="['/', {outlets:{popup:['request-password-reset']}}]"

아래와 같이 데이터바인딩을 사용할 경우,

'/' 뒤에 popup이고 : 쿼리뒤에 request-password-reset이 들어간다. 

 

Activatedrouters대신에 oulets을 통하여 쿼리문으로 연결한것.