링크매개변수배열, link parameters array

lee jae hwan·2022년 9월 18일

앵귤러

목록 보기
58/83

표시되는 컴포넌트와 관련된 라우팅 규칙(route)
라우팅규칙 URL에 포함된 필수/옵션 라우팅 변수

<a [routerLink]="['/heroes']">Heroes</a> //링크엘리먼트

routerLink디렉티브에 링크매개변수배열을 사용하려면 바인딩해야 한다.

// 상세정보를 가지고 이동하는 링크
<a [routerLink]="['/hero', hero.id]">Heroes</a>
// 쿼리인자를 가지고 이동하는 링크
<a [routerLink]="['/crisis-center', { foo: 'foo' }]">Crisis Center</a>
  <h1 class="title">Angular Router</h1>
  <nav>
    <a [routerLink]="['/crisis-center']">Crisis Center</a>
    <a [routerLink]="['/crisis-center/1', { foo: 'foo' }]">Dragon Crisis</a>
    <a [routerLink]="['/crisis-center/2']">Shark Crisis</a>
  </nav>
  <router-outlet></router-outlet>

애플리케이션은 라우팅 계층의 깊이와 관계없이 자유롭게 화면을 전환할 수 있습니다. 링크 인자 배열을 활용하면 원하는 계층으로 이동하면서, 필수/옵션 라우팅 인자를 함께 전달할 수 있습니다.

0개의 댓글