Add the view to show the list of DZs

Front/skydivelogs-app/src/app/app.module.ts

@@ -8,23 +8,15 @@ 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 { ServiceApi } from '../services/serviceApi';
+import { HttpClientModule } from '@angular/common/http';
+
 
 const appRoutes: Routes = [
   { path: 'summary', component: SummaryComponent },
   { path: 'jumpsList', component: ListOfJumpsComponent },
   { path: 'dz', component: ListOfDzsComponent },
   { path: 'newjump', component: NewJumpComponent }
-  // { path: 'hero/:id',      component: HeroDetailComponent },
-  // {
-  //   path: 'heroes',
-  //   component: HeroListComponent,
-  //   data: { title: 'Heroes List' }
-  // },
-  // { path: '',
-  //   redirectTo: '/heroes',
-  //   pathMatch: 'full'
-  // },
-  // { path: '**', component: PageNotFoundComponent }
 ];
 
 
@@ -41,9 +33,10 @@ const appRoutes: Routes = [
       appRoutes,
       { enableTracing: true } // <-- debugging purposes only
     ),
-    BrowserModule
+    BrowserModule,
   ],
-  providers: [],
+  exports: [HttpClientModule],
+  providers: [ServiceApi],
   bootstrap: [AppComponent]
 })
 export class AppModule { }