角2モジュールを子ルートとしてロードする

Question

モジュールで定義されたルートコンポーネント（EducationComponent）で定義されているルーターコンセントにロードされるナビゲーションアイテムと子ルートのセットを読み込むngModule（EducationModule）を作成しました。モジュールで定義されている機能を別のコンポーネント（AuthenticatedComponent）の子ルートにしたい場合を除き、すべてがうまくいっています。つまり、モジュールで定義されたルーティングを、ルートレベルで定義されたルートへの子ルートとして追加する必要があります。これはルータ3を使用して可能ですか？

EducationModuleで定義されたルートをAuthenticatedComponentで定義されているルーターアウトレットにロードすることを希望しますが、ルートAppComponentテンプレートのrouter-outletにロードしています。以下のルート定義を参照してください。

app.routes.ts -

{ 
    path: '', component: AuthenticatedComponent, canActivate: [AuthGuard], 
    children: [ 
     { 
     path: 'profile/education', 
     loadChildren: 'app/modules/education/education-module#EducationModule' 
     }, 

education.routing.ts AppModuleにロードされた主要なルート - ルートEducationModuleには

const educationRoutes: Routes = [ 
    { 
    path: 'profile/education', 
    component: EducationComponent, 
    children: [ 
     { path: '', component: WebinarsComponent }, 
     { path: 'webinars', component: WebinarsComponent }, 
     { path: 'programs', component: ProgramsComponent }, 
     { 
     path: 'courses', 
     component: CoursesComponent, 
     resolve: { 
      courses: CoursesResolve 
     } 
     } 
    ] 
    } 
]; 

export const educationRouting: ModuleWithProviders = RouterModule.forChild(educationRoutes); 

Answer 1

私はeducationRoutesの最初のルートは、プロファイルを持つべきではないと思います/教育接頭辞は既に親に存在しているため（AppModuleからの経路）。

私は通常、説明したのと同じシナリオを使用しています。あなたのシナリオを説明するために、いくつかのコードを追加してください

const educationRoutes: Routes = [{ 
    path: '' // prefix is already specified in AppModule, 
    component: EducationComponent, 
    children: [ 
     { path: '', component: WebinarsComponent }, 
     { path: 'webinars', component: WebinarsComponent }, 
     { path: 'programs', component: ProgramsComponent }, 
     { 
     path: 'courses', 
     component: CoursesComponent, 
     resolve: { 
      courses: CoursesResolve 
     } 
     } 
    ] 
    } 
]; 

export const educationRouting: ModuleWithProviders = RouterModule.forChild(educationRoutes);