2017-06-07 5 views
1

Die App ist in Feature-Module unterteilt. Jede 'Seite' wird in eine SideMenu-Komponente geladen (so dass auf allen Seiten die Navigation angezeigt wird). Die Struktur der Navigation wird folgendermaßen gemacht:Routing zum Modul innerhalb einer Komponente

<page-router-outlet> 
    <side-menu> 
     <router-outlet> 
     </router-outlet> 
    </side-menu> 
</page-router-outlet> 

Seite-Router-Ausgang ist ein spezieller Router-Ausgang für NativeScript, sollte es allerdings nicht einen Unterschied in diesem Fall machen.

Dies ist das Routing-config:

{ 
    path: 'view', 
    component: SideMenu, 
    children: [ 
     {path: '', component: MyPage }, 
     { 
      path: 'some/path/:id', 
      pathMatch: 'full', 
      loadChildren:() => MyModule 
     }, 
    ] 
} 

Wenn ich etwas withing der AppModule navigieren, es funktioniert gut - es ist in der Router-Steckdose geladen. Wenn ich jedoch zu dem anderen Modul navigiere, verschwindet das Seitenmenü - sieht so aus, als wenn ich aus dem AppModule heraus navigiere, die Navigation erfolgt auf der Seite-Router-Outlet statt auf der inneren.

Wie kann ich dasselbe Verhalten beim Routing zu anderen Modulen erreichen?

Antwort

0

Hauptmodul-Routing:

{ 
    path: 'view', 
    component: SideMenu, 
    children: [ 
     { 
      path: 'path/myModule', 
      loadChildren:() => MyModule 
     }, 
    ] 
}, 
{ 
    path: 'modules/myModule', 
    redirectTo: 'view/path/myModule' 
} 

MyModule Routing ist einfach ohne Kinder in etwa so: Voll

:

{ 
    path: 'reports', 
    component: ReportPage, 
} 

Problem wahrscheinlich in der

pathMatch war

Verwandte Themen