중첩 경로를 각도 2로 설정하려면 어떻게해야합니까?

Question

나는 ItemComponent 그것이 자신의 하위 메뉴의이 Angular2

{ path: 'items', component: ItemComponent } 

몇 가지 경로가 있습니다.

<a routerLink='/items/sales'>Sales</a> 
<a routerLink='/items/suppliers'>Suppliers</a> 
<a routerLink='/items/stock'>Stock</a> 

나는 하위 메뉴가 그 모든 구성 요소를 다음 판매를 표시해야합니다 (판매, 공급 업체, 주)

나는 ItemComponent에서 두 번째 라우터 콘센트를 넣어 노력하고있어에서 볼 수 있도록 할/공급 업체/주식. 그 이유는 이들 모두에 하위 메뉴가 표시되기를 원하기 때문입니다.

이렇게 중첩 된 경로를 어떻게 설정할 수 있습니까?

아니면 그냥 ItemMenuComponent를 만들고 그 요소를 판매, 공급 업체 및 재고 구성 요소의 맨 위에 놓아야합니까?

Answer 1

다음과 같은 하위 경로를 정의 할 수 있습니다. 자세한 내용은

[  
    { 
     path: 'items', 
     component: ItemsComponent, 
     children: [ 
      { 
       path: '', // default 
       component: SubItemComponent1 
      }, 
      { 
       path: 'item1', 
       component: SubItemComponent1 
      }, 
      { 
       path: 'item2', 
       component: SubItemComponent1 
      } 
     ] 
    }, 
    .... 
    .... 
] 

: https://github.com/narainsagar/angular2-demos/blob/master/src/app/app.routes.ts#L17

건배,