Как настроить вложенные маршруты в Angular 2?

Question

У меня есть несколько маршрутов в Angular2

{ path: 'items', component: ItemComponent } 

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

Приветствия,