import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { HttpClientModule } from '@angular/common/http'; import { AppComponent } from './app.component'; import { SummaryComponent } from './summary/summary.component'; import { ListOfJumpsComponent } from './list-of-jumps/list-of-jumps.component'; import { ListOfDzsComponent } from './list-of-dzs/list-of-dzs.component'; import { NewJumpComponent } from './new-jump/new-jump.component'; import { ListOfAircraftsComponent } from './list-of-aircrafts/list-of-aircrafts.component'; import { ListOfJumpTypesComponent } from './list-of-jump-types/list-of-jump-types.component'; import { ServiceApi } from '../services/serviceApi'; import { ServiceComm } from '../services/serviceComm'; const appRoutes: Routes = [ { path: 'summary', component: SummaryComponent }, { path: 'jumpsList', component: ListOfJumpsComponent }, { path: 'dz', component: ListOfDzsComponent }, { path: 'newjump', component: NewJumpComponent }, { path: 'aircraftList', component: ListOfAircraftsComponent }, { path: 'jumpTypeList', component: ListOfJumpTypesComponent } ]; @NgModule({ declarations: [ AppComponent, SummaryComponent, ListOfJumpsComponent, ListOfDzsComponent, NewJumpComponent, ListOfAircraftsComponent, ListOfJumpTypesComponent ], imports: [ RouterModule.forRoot( appRoutes, { enableTracing: true } // <-- debugging purposes only ), BrowserModule, ], exports: [HttpClientModule], providers: [ServiceApi, ServiceComm], bootstrap: [AppComponent] }) export class AppModule { }