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 { ReportsPage } from './reports.page'; import { ConcurrentReportComponent } from './concurrent-report/concurrent-report.component'; import { ReportServiceService } from './report-service.service'; import { HmgCommonModule } from '../hmg-common/hmg-common.module'; import { TransactionListComponent } from './transaction-list/transaction-list.component'; import { TransactionsComponent } from './transactions/transactions.component'; const routes: Routes = [ { path: '', component: ReportsPage, children: [ { path: 'concurrent-report', component: ConcurrentReportComponent }, { path: 'transaction-list', component: TransactionListComponent }, { path: 'transactions', component: TransactionsComponent }, ], } ]; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, RouterModule.forChild(routes), HmgCommonModule ], declarations: [ReportsPage, ConcurrentReportComponent, TransactionListComponent, TransactionsComponent], providers: [ReportServiceService] }) export class ReportsPageModule { }