제2라우팅영역

<nav>
  <ul>
    <li ><a routerLink="/crisis-center">crisis</a></li>
    <li ><a routerLink="/heroes">heroes</a></li>
    <li ><a [routerLink]="[{outlets:{popup:['compose']}}]">compose</a></li>
  </ul>
</nav>
<router-outlet></router-outlet>
<router-outlet name="popup"></router-outlet>

앵귤러는 name속성이 지정되지 않은 라우팅영역을 하나만 자체관리하기때문에 2개이상의 라우팅영역을 사용해야 할때는 name속성을 지정해야 한다.

제2라우팅영역의 routerLink은 1라우팅영역과는 별도로 지정해야 한다.

  {path:'compose',component:ComposeMessageComponent, outlet:'popup'},

route규칙은 outlet프로퍼티만 지정하면 된다.