Angular2 много компонентов по тому же маршруту

Question

Пожалуйста, помогите мне с идеей, потому что я ничего не нашел об этом. Я хочу иметь компонент в первом маршруте, и на моем втором маршруте я хочу сохранить этот компонент, и я хочу добавить еще один, не перезагружая свой первый компонент, потому что внутри него есть iframe. Я сделал это с двумя маршрутизаторами, но мне нужно сделать это только с одной розеткой маршрутизатора. Вот мой код:

основной шаблон компонента:

<nav> 
    <a [routerLink]="['route1']">route1</a> 
    <a [routerLink]="['route2']">route2</a> 
</nav> 
<router-outlet></router-outlet> 

and my @RouteConfig([ 

    { 
     path: '/route1', 
     component: IframeComponent 
    }, 

    { 
     path: '/route2', 
     name: 'Products', 
     component: IframeComponent /// and here i need to add one more 
    } 
]) 

Есть ли способ для достижения этой цели?

Answer 1

Сделайте свой route2 -компоненту в качестве дочерней-компоненты, а также добавить <router-outlet></router-outlet> внутри родительской компоненты IframeComponent, что будет делать, что «другой» компонент будет оказывать внутри IframeComponent.

{ 
     path: 'route1', 
     component: IframeComponent 
     children: [ 
      { 
      path: 'route2', 
      component: TheOtherComponent 
     ] 
    }