라우팅영역

앵귤러는 페이지전환이 없는 방식이기때문에 네비게이션이 발생했을때 라우터영역에 해당 컴포넌트를 랜더링하는 방식이다.

<nav>
  <ul>
    <li ><a routerLink="crisis-list">crisis</a></li>
    <li ><a routerLink="heroes">heroes</a></li>
  </ul>
</nav>
<router-outlet></router-outlet>

위와같이 컴포넌트내에 네비게이션엘리먼트와 router-outlet라우팅영역이 있으며 네비게이션이 작동하면 라우팅영역에 해당 컴포넌트를 랜더링한다.

< a routerLink="crisis-list">crisis< /a> 과 < router-outlet>< /router-outlet>은 같은 계층에 있으며 앵커작동시 crisis-list라우트규칙에 정해진 컴포넌트가 라우팅영역에 랜더링된다.