라우팅인자

lee jae hwan·2022년 9월 17일

앵귤러

목록 보기
55/83
{ path: 'hero/:id', component: HeroDetailComponent }

라우팅규칙에 :id는 라우팅인자를 선언하는 것이다.

이 토큰이 사용되면 url에 id가 인자로 전달된다.

localhost:4200/hero/15

url에 id가 필수로 사용되면 :id라는 토큰을 라우팅규칙에 사용하는 것이 좋다.

위의 경우 url구성은 컴포넌트로 향하는 주소와 id 2가지가 구성요소다.

<a [routerLink]="['/hero', hero.id]">

따라서 링크인자배열(link parameters array)은 2개 항목으로 구성된다.

그러면 라우터가 최종 URL을 localhost:4200/hero/15와 같이 구성한다.

그리고 이동된후에는 ActivatedRoute서비스를 사용해서 라우터가 주소에서 추출한 라우팅인자(id:15)를 참조할 수 있다.

0개의 댓글