Hi,
What is the correct way to define nested route from another module ?
I have 2 modules: one named NamespaceModule which import another one named
CorpusModule. I would like to define routes like this:
/namespace/admin-namespace/corpus/admin-corpus
I have tryed this way :
Route defined in namespace-routing.module :
const routes: Routes = [
{ path: 'namespace/:name', component: NamespaceComponent,
},
];
@NgModule({
imports: [
RouterModule.forChild(routes)
],
exports: [
RouterModule
]
})
export class NamespaceRoutingModule { }
Same principle in CorpusRoutingModule:
const routes: Routes = [
{
path: 'corpus/:name', component: CorpusComponent,
}
];
(...)
@NgModule({ (...)
export class CorpusRoutingModule {}
In NamespaceModule I import NamespaceRoutingModule and CorpusModule :
@NgModule({
imports: [
CommonModule,
FormsModule,
NamespaceRoutingModule,
CorpusModule,
(...)
})
export class NamespaceModule {
(...)
}
This is not working as I would like because the routes are flattened out:
/namespace/admin-namespace and /corpus/admin-corpus are valid but not
/namespace/admin-namespace/corpus/admin-corpus
The only way I found is to define a child route in NamespaceRoutingModule
but I don't like this because I think this should be defined in the
CorpusModule.
const routes: Routes = [
{ path: 'namespace/:name', component: NamespaceComponent,
children: [
{ path: 'corpus/:name', component: CorpusComponent }
]
},
];
Thanks for your help,
Regards,
Arnaud.
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
