import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { Routes, RouterModule } from '@angular/router'; import { HomeComponent } from './home/home.component'; import { DetailsComponent } from './details/details.component'; import { IonicModule } from '@ionic/angular'; import { MyTeamPage } from './my-team.page'; import { HmgCommonModule } from '../hmg-common/hmg-common.module'; import { MyRequestComponent } from './my-request/my-request.component'; import { HRRequestComponent } from './/hr-request/hr-request.component'; import { WorklistService } from '../notification/service/worklist.service'; const routes: Routes = [ { path: '', component: MyTeamPage, children: [{ path: 'home', component: HomeComponent }, { path: 'details', component: DetailsComponent }, { path: 'details-2', component: DetailsComponent }, { path: 'my-request', component: MyRequestComponent }, { path: 'hr-request', component: HRRequestComponent } ] } ]; @NgModule({ imports: [ HmgCommonModule, CommonModule, FormsModule, IonicModule, RouterModule.forChild(routes) ], providers: [WorklistService], declarations: [MyTeamPage, HomeComponent, DetailsComponent, MyRequestComponent, HRRequestComponent] }) export class MyTeamPageModule { }