import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { AdministrationComponent } from './administration.component'; import { StepTwoComponent } from './form/step-two/step-two.component'; import { StepThreeComponent } from './form/step-three/step-three.component'; import { StepFourComponent } from './form/step-four/step-four.component'; import { StepFiveComponent } from './form/step-five/step-five.component'; import { StepOneComponent } from './form/step-one/step-one.component'; const routes: Routes = [ { path: '', component: AdministrationComponent, }, { path: 'step', children: [ { path: '1', component: StepOneComponent }, { path: '2', component: StepTwoComponent }, { path: '3', component: StepThreeComponent }, { path: '4', component: StepFourComponent }, { path: '5', component: StepFiveComponent }, ], }, ]; @NgModule({ imports: [RouterModule.forChild(routes)], exports: [RouterModule], }) export class AdministrationRoutingModule {}