중첩 된 상태의 각도 2 라우팅

Question

아래 AppRoutingModule 및 HomeRoutingModule이 있습니다. 첫 번째 경로는 일부 경로를 포함하고 HomeRoutingModule에서 나머지 경로를 가져옵니다. 내 문제는 어떻게 homeImport 안에 departmentId를 가져올 수 있습니까? 사실 내 전체 경로는 다음과 같아야합니다

• '도메인 : 부서/: departmentId/수익성'
• '도메인 : 부서/: departmentId/loadFactor'
• ...

에서 각 경우마다 내 URL의 departmentId 만 업데이트해야합니다.

AppRoutingModule

const routes: Routes = [ 
{ 
    path: 'home', 
    loadChildren: 'app/components/home/home.module#HomeModule', 
    data: { preload: true } 
}, 
{ path: '', redirectTo: 'home/departments/group/profitability', pathMatch: 'full' }, 
{ path: '**', component: PageNotFoundComponent } 
]; 

HomeRoutingModule

const homeRoutes: Routes = [ 
{ 
    path: 'departments', 
    component: HomeComponent, 
    children: [ 
     { path: ':departmentId/fabi', component: FabiComponent }, 
     { path: ':departmentId/loadFactor', component: LoadFactorComponent }, 
     { path: ':departmentId/otp', component: OtpComponent }, 
     { path: ':departmentId/profitability', component: ProfitabilityComponent }, 
     { path: ':departmentId/revenue', component: RevenueComponent }, 
     { path: ':departmentId/yield', component: YieldComponent } 
    ] 
}, 
{ path: '', redirectTo: 'home/departments/group/profitability', pathMatch: 'full' } 
]; 

Answer 1

당신은 모두 라우팅 파일이 좋아하는이 같은 작성해야합니다. AppRoutingModule에서 집 대신 "부서"를 적어 둡니다.

const routes: Routes = [ 
{ 
    path: 'departments', 
    loadChildren: 'app/components/home/home.module#HomeModule', 
    data: { preload: true } 
}, 
{ path: '', redirectTo: 'home/departments/group/profitability', pathMatch: 'full' }, 
{ path: '**', component: PageNotFoundComponent } 
]; 

그리고 HomeRoutingModule에서

는 경로 후 "부서"단어를 제거합니다 ...

const homeRoutes: Routes = [ 
{ 
    path: '', 
    component: HomeComponent, 
    children: [ 
     { path: ':departmentId/fabi', component: FabiComponent }, 
     { path: ':departmentId/loadFactor', component: LoadFactorComponent }, 
     { path: ':departmentId/otp', component: OtpComponent }, 
     { path: ':departmentId/profitability', component: ProfitabilityComponent }, 
     { path: ':departmentId/revenue', component: RevenueComponent }, 
     { path: ':departmentId/yield', component: YieldComponent } 
    ] 
}, 
{ path: '', redirectTo: 'home/departments/group/profitability', pathMatch: 'full' } 
]; 

내가 당신을 위해 작동합니다 바랍니다.

감사합니다.