2017-06-07 4 views
1

L'application est divisée en modules de fonctions. Chaque 'page' est chargée dans un composant SideMenu (de sorte que toutes les pages ont une navigation affichée). La structure de la navigation se fait comme ceci:Routage vers un module dans un composant

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

page-routeur de sortie est un routeur de sortie spécifique pour NativeScript, il ne devrait faire aucune différence dans ce cas cependant.

Ceci est la configuration de routage:

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

Quand je navigue à tout le AppModule sont acceptés dans les, il fonctionne très bien - il est chargé dans le routeur de sortie. Cependant, lorsque je navigue vers l'autre module, le menu latéral disparaît - il me semble que lorsque je quitte le module AppModule, la navigation se fait sur la sortie page-routeur, au lieu de celle interne.

Comment puis-je obtenir le même comportement lors du routage vers d'autres modules?

Répondre

0

routage Module principal:

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

routage monModule est simple sans enfant comme si:

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

problème était probablement dans la

pathMatch: plein