Resolver in the component .ts

Angular/src/app/pages/candidat/candidat-detail/candidat-detail.component.ts

 import { HttpClient } from '@angular/common/http';
-import { Component, OnInit } from '@angular/core';
+import { Component, Injectable, OnInit } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, Resolve } from '@angular/router';
 import { Observable } from 'rxjs';
+import { map, switchMap } from 'rxjs/operators';
 import { AppBreadcrumbService } from 'src/app/app.breadcrumb.service';
 import { Candidate } from 'src/app/shared/models/candidate';
 import { CandidateService } from 'src/app/shared/services/candidate.service';
   }
 
 }
+
+@Injectable()
+export class CandidatDetailResolver implements Resolve<Candidate> {
+  constructor(public service: CandidateService, private route: ActivatedRoute) {}
+  resolve(): Observable<Candidate> {
+      return this.route.queryParams.pipe(
+        map(params => params['candidatId']),
+        switchMap(candidatId => this.service.candidatGetById(candidatId)),
+      );
+    }
+}

Angular/src/app/pages/candidat/candidat-list/candidat-list.component.ts

   }
 
 }
+
+@Injectable()
+export class CandidatsResolver implements Resolve<Candidate[]> {
+  constructor(public service: candidatListService) { }
+  resolve(): Observable<Candidate[]> {
+    return this.service.getCandidats();
+  }
+}

Angular/src/app/pages/candidat/candidat-search/candidat-search.component.ts

-import { Component, EventEmitter, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Injectable, OnInit, Output } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { Resolve } from '@angular/router';
 import { Observable } from 'rxjs';
 import { Candidate } from 'src/app/shared/models/candidate';
 import { CandidateService } from 'src/app/shared/services/candidate.service';
     this.search()
   }
 }
+

Angular/src/app/pages/candidat/candidat.module.ts

 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { CandidatListComponent } from './candidat-list/candidat-list.component';
+import { CandidatListComponent, CandidatsResolver } from './candidat-list/candidat-list.component';
 import { RouterModule, Routes } from '@angular/router';
 import { CandidatSearchComponent } from './candidat-search/candidat-search.component';
-import { CandidatDetailComponent } from './candidat-detail/candidat-detail.component';
-import { CandidatDetailResolver } from 'src/app/shared/resolver/candidat-detail.resolver';
+import { CandidatDetailComponent, CandidatDetailResolver } from './candidat-detail/candidat-detail.component';
 import { ReactiveFormsModule } from '@angular/forms';
 import { CandidatSidebarComponent } from './candidat-sidebar/candidat-sidebar.component';
 import { NgxPaginationModule } from 'ngx-pagination';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import { CandidatsResolver } from 'src/app/shared/resolver/candidats.resolver';
 
 
 export const routes: Routes = [

Angular/src/app/shared/resolver/candidat-detail.resolver.ts

-import { Injectable } from "@angular/core";
-import { ActivatedRoute, ActivatedRouteSnapshot, ParamMap, Resolve } from "@angular/router";
-import { HttpClient, HttpHeaders } from "@angular/common/http";
-import { Candidate } from "../models/candidate";
-import { Observable } from "rxjs";
-import { CandidateService } from "../services/candidate.service";
-import { filter, map, switchMap, tap } from "rxjs/operators";
-
-@Injectable()
-export class CandidatDetailResolver implements Resolve<Candidate> {
-  constructor(public service: CandidateService, private route: ActivatedRoute) {}
-  resolve(): Observable<Candidate> {
-      return this.route.queryParams.pipe(
-        map(params => params['candidatId']),
-        switchMap(candidatId => this.service.candidatGetById(candidatId)),
-      );
-    }
-}

Angular/src/app/shared/resolver/candidats.resolver.ts

-import { Injectable } from "@angular/core";
-import { Resolve } from "@angular/router";
-import { HttpClient, HttpHeaders } from "@angular/common/http";
-import { Candidate } from "../models/candidate";
-import { candidatListService } from "src/app/pages/candidat/candidat-list/candidat-list.service";
-import { Observable } from "rxjs";
-
-@Injectable()
-export class CandidatsResolver implements Resolve<Candidate[]> {
-  constructor(public service: candidatListService) {}
-  resolve(): Observable<Candidate[]> {
-    return this.service.getCandidats();
-  }
-}