import { HmgCommonModule } from './../hmg-common/hmg-common.module'; import { HomeComponent } from './home/home.component'; import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { Routes, RouterModule } from '@angular/router'; import { IonicModule } from '@ionic/angular'; import { VacationRulePage } from './vacation-rule.page'; import { VacationTypeComponent } from './vacation-type/vacation-type.component'; import { NotificationTypeComponent } from './notification-type/notification-type.component'; import { CreateVacationRuleComponent } from './create-vacation-rule/create-vacation-rule.component'; const routes: Routes = [ { path: '', component: VacationRulePage, children: [ { path: 'home', component: HomeComponent }, { path: 'vacation-type', component: VacationTypeComponent }, { path: 'notification-type', component: NotificationTypeComponent }, { path: 'create-vacation-rule', component: CreateVacationRuleComponent } ] } ]; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, HmgCommonModule, RouterModule.forChild(routes) ], declarations: [ VacationRulePage, HomeComponent, VacationTypeComponent, NotificationTypeComponent, CreateVacationRuleComponent ] }) export class VacationRulePageModule { }