Angular2 viele Komponenten auf der gleichen Route

Question

Bitte helfen Sie mir mit einer Idee, weil ich nichts darüber gefunden habe. Ich möchte eine Komponente in der ersten Route haben, und in meiner zweiten Route möchte ich diese Komponente behalten und ich möchte eine weitere hinzufügen, ohne meine erste Komponente neu zu laden, weil ich einen iframe drin habe. Ich habe es mit zwei Router-Outlets gemacht, aber ich muss es mit nur einem Router Outlet tun. Hier ist mein Code:

Hauptkomponente Vorlage:

<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 
    } 
]) 

Gibt es eine Möglichkeit, dies zu erreichen?

Answer 1

Machen Sie Ihre route2 -Komponente als Kind-Komponente, und fügen Sie <router-outlet></router-outlet> innerhalb Ihrer Eltern-Komponente IframeComponent, das machen wird, dass die „andere“ Komponente in Ihrem IframeComponent machen wird.

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