Multiplo router di uscita con nome multiplo 2

Voglio visualizzare diverse visualizzazioni per percorsi figlio. Ad esempio, desidero che il mio modello contenga più router-outlet

Version: @angular/router": "3.0.0-alpha.7"

    

Nel mio router voglio specificare il nome del router.

Come ho visto in una domanda, la soluzione per questo è specificare AuxRoute, ma AuxRoute non esiste in questa versione.

 {path: '/', component: HomeComponent, as: 'Home'}, new AuxRoute({path: '/route1', component: Route1Component, as: 'Route1'}), new AuxRoute({path: '/route2', component: Route2Component, as: 'Route2'}) 

Mentre su angular 2 sito ufficiale ho scoperto che è ansible avere più router, ma non riesco a trovare alcuna risorsa.

    https://angular.io/docs/ts/latest/guide/router.html

    A template may hold exactly one unnamed . The router supports multiple named outlets, a feature we'll cover in future.

    La versione attuale router-outlet con più nomi (per angular2 RC.6 ^ ) si presenta così:

    Configurazione del router

     const appRoutes: Routes = [{ path: 'home', component: HomeComponent, children: [ { path: '', component: LayoutComponent }, { path: 'page1', component: Page1Component, outlet: 'route1' }, { path: 'page2', component: Page2Component, outlet: 'route2' }, { path: 'page3', component: Page3Component, outlet: 'route3' } ] }, { path: 'articles', component: ArticlesComponent, children: [ { path: '', component: LayoutComponent }, { path: 'article1', component: Article1Component, outlet: 'route1' }, { path: 'article2', component: Article2Component, outlet: 'route2' } ] }, { path: '', redirectTo: '/home', pathMatch: 'full' } ]; 

    Modello all’interno del componente Home :

         

    E un esempio di navigazione dal componente root:

     constructor(router: Router) { router.navigateByUrl('/home/(route1:page1//route2:page2//route3:page3)'); } 

    Modo alternativo:

      

    Ecco l’ esempio di Plunker dal vivo

    Guarda anche

    • Prese del router nominate in Angular 2