Angular 4.X: Initialisieren Kind Komponenten Router

Question

Ich habe folgende App Route Konfiguration:

const routes: Routes = [ 
    {loadChildren: './modules/faq/faq.module', path: 'faq'}, 
    {loadChildren: './modules/pagination/pagination.module', path: 'page'}, 
    {loadChildren: './modules/appointmentAgreement/appointmentAgreement.module#AppointmentAgreementModule', path: 'terminvereinbarung'} 
]; 

Und die appointmentAgreement Kind Module Wegekonfiguration

const appointmentAgreementRoutes: Routes = [{ 
    path: '', 
    children: [ 
     {path: 'thema', component: TopicSectionComponent}, 
     {path: 'filiale', component: BranchSectionComponent}, 
     {path: 'termin', component: DatetimeSectionComponent}, 
     {path: 'daten', component: PersonalDataSectionComponent}, 
     {path: 'bestaetigung', component: ConfirmationSectionComponent}, 
    ] 
}]; 

Jetzt i die Anwendung wollen umleiten zu/terminvereinbarung/thema wenn seite/terminvereinbarung geöffnet ist.

Wie kann ich das erreichen?

Vielen Dank im adcance.

Answer 1

alle Routing halten, wie es gerade bei Kindern in Submodul

diese Umleitung versuchen fügt

const appointmentAgreementRoutes: Routes = [{ 
path: '', 
children: [ 
    { path: '', redirectTo: 'thema', pathMatch: 'full' }, 
    {path: 'thema', component: TopicSectionComponent}, 
    {path: 'filiale', component: BranchSectionComponent}, 
    {path: 'termin', component: DatetimeSectionComponent}, 
    {path: 'daten', component: PersonalDataSectionComponent}, 
    {path: 'bestaetigung', component: ConfirmationSectionComponent}, 
] 
}]; 

Answer 2

Versuchen Sie, die folgenden in appointmentAgreement Komponente zu tun:

const appointmentAgreementRoutes: Routes = [{ 
{ 
    path: 'terminvereinbarung', 
    redirectTo: 'thema', 
    pathMatch: 'full' 
}, 
{ 
    path: 'terminvereinbarung', 
    component: TopicSectionComponent, 
} 
children: [ 
    {path: 'thema', component: TopicSectionComponent}, 
    {path: 'filiale', component: BranchSectionComponent}, 
    {path: 'termin', component: DatetimeSectionComponent}, 
    {path: 'daten', component: PersonalDataSectionComponent}, 
    {path: 'bestaetigung', component: ConfirmationSectionComponent}, 
] 

}];