import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { Routes, RouterModule } from '@angular/router'; import { AbsenceListService } from "./service/service.service"; import { IonicModule } from '@ionic/angular'; import { SubmitAbsenceService } from './service/submit.absence.service'; import { AbsencePage } from './absence.page'; import { DatePicker } from '@ionic-native/date-picker/ngx'; import { HomeComponent } from './home/home.component'; import { SubmitAbsenceComponent } from './submit-absence/submit-absence.component'; const routes: Routes = [ { path: '', component: AbsencePage, children: [ { path: 'home', component: HomeComponent }, { path: 'submit-absence', component: SubmitAbsenceComponent } ] } ]; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, RouterModule.forChild(routes) ], providers:[AbsenceListService, SubmitAbsenceService, DatePicker], declarations: [AbsencePage, HomeComponent, SubmitAbsenceComponent] }) export class AbsencePageModule {}