Angular2 동일한 경로에있는 많은 구성 요소

Question

이 문제에 대해 아무 것도 발견하지 못했기 때문에 ideea로 도와주세요. 첫 번째 경로에 구성 요소를 갖고 싶습니다. 내 두 번째 경로에서 해당 구성 요소를 유지하고 싶습니다. 내부에 iframe이 있으므로 첫 번째 구성 요소를 다시로드하지 않고 하나 더 추가하고 싶습니다. 2 개의 라우터 콘센트로했는데 하나의 라우터 콘센트 만 있으면됩니다.

주요 구성 요소 템플릿 :

<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 -component을 확인하고 "다른"구성 요소가 IframeComponent 내부 렌더링 있는지 확인 것, 부모 구성 요소 IframeComponent 내부 <router-outlet></router-outlet>를 추가합니다. 잘

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