Bläddra i källkod

Resolver in the component .ts

Alex Ondoa 2 år sedan
förälder
incheckning
44a5e7e3e2

+ 14
- 2
Angular/src/app/pages/candidat/candidat-detail/candidat-detail.component.ts Visa fil

@@ -1,8 +1,9 @@
1 1
 import { HttpClient } from '@angular/common/http';
2
-import { Component, OnInit } from '@angular/core';
2
+import { Component, Injectable, OnInit } from '@angular/core';
3 3
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
4
-import { ActivatedRoute } from '@angular/router';
4
+import { ActivatedRoute, Resolve } from '@angular/router';
5 5
 import { Observable } from 'rxjs';
6
+import { map, switchMap } from 'rxjs/operators';
6 7
 import { AppBreadcrumbService } from 'src/app/app.breadcrumb.service';
7 8
 import { Candidate } from 'src/app/shared/models/candidate';
8 9
 import { CandidateService } from 'src/app/shared/services/candidate.service';
@@ -70,3 +71,14 @@ export class CandidatDetailComponent implements OnInit {
70 71
   }
71 72
 
72 73
 }
74
+
75
+@Injectable()
76
+export class CandidatDetailResolver implements Resolve<Candidate> {
77
+  constructor(public service: CandidateService, private route: ActivatedRoute) {}
78
+  resolve(): Observable<Candidate> {
79
+      return this.route.queryParams.pipe(
80
+        map(params => params['candidatId']),
81
+        switchMap(candidatId => this.service.candidatGetById(candidatId)),
82
+      );
83
+    }
84
+}

+ 8
- 0
Angular/src/app/pages/candidat/candidat-list/candidat-list.component.ts Visa fil

@@ -96,3 +96,11 @@ export class CandidatListComponent implements OnInit {
96 96
   }
97 97
 
98 98
 }
99
+
100
+@Injectable()
101
+export class CandidatsResolver implements Resolve<Candidate[]> {
102
+  constructor(public service: candidatListService) { }
103
+  resolve(): Observable<Candidate[]> {
104
+    return this.service.getCandidats();
105
+  }
106
+}

+ 3
- 1
Angular/src/app/pages/candidat/candidat-search/candidat-search.component.ts Visa fil

@@ -1,5 +1,6 @@
1
-import { Component, EventEmitter, OnInit, Output } from '@angular/core';
1
+import { Component, EventEmitter, Injectable, OnInit, Output } from '@angular/core';
2 2
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
3
+import { Resolve } from '@angular/router';
3 4
 import { Observable } from 'rxjs';
4 5
 import { Candidate } from 'src/app/shared/models/candidate';
5 6
 import { CandidateService } from 'src/app/shared/services/candidate.service';
@@ -39,3 +40,4 @@ export class CandidatSearchComponent implements OnInit {
39 40
     this.search()
40 41
   }
41 42
 }
43
+

+ 2
- 4
Angular/src/app/pages/candidat/candidat.module.ts Visa fil

@@ -1,15 +1,13 @@
1 1
 import { NgModule } from '@angular/core';
2 2
 import { CommonModule } from '@angular/common';
3
-import { CandidatListComponent } from './candidat-list/candidat-list.component';
3
+import { CandidatListComponent, CandidatsResolver } from './candidat-list/candidat-list.component';
4 4
 import { RouterModule, Routes } from '@angular/router';
5 5
 import { CandidatSearchComponent } from './candidat-search/candidat-search.component';
6
-import { CandidatDetailComponent } from './candidat-detail/candidat-detail.component';
7
-import { CandidatDetailResolver } from 'src/app/shared/resolver/candidat-detail.resolver';
6
+import { CandidatDetailComponent, CandidatDetailResolver } from './candidat-detail/candidat-detail.component';
8 7
 import { ReactiveFormsModule } from '@angular/forms';
9 8
 import { CandidatSidebarComponent } from './candidat-sidebar/candidat-sidebar.component';
10 9
 import { NgxPaginationModule } from 'ngx-pagination';
11 10
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
12
-import { CandidatsResolver } from 'src/app/shared/resolver/candidats.resolver';
13 11
 
14 12
 
15 13
 export const routes: Routes = [

+ 0
- 18
Angular/src/app/shared/resolver/candidat-detail.resolver.ts Visa fil

@@ -1,18 +0,0 @@
1
-import { Injectable } from "@angular/core";
2
-import { ActivatedRoute, ActivatedRouteSnapshot, ParamMap, Resolve } from "@angular/router";
3
-import { HttpClient, HttpHeaders } from "@angular/common/http";
4
-import { Candidate } from "../models/candidate";
5
-import { Observable } from "rxjs";
6
-import { CandidateService } from "../services/candidate.service";
7
-import { filter, map, switchMap, tap } from "rxjs/operators";
8
-
9
-@Injectable()
10
-export class CandidatDetailResolver implements Resolve<Candidate> {
11
-  constructor(public service: CandidateService, private route: ActivatedRoute) {}
12
-  resolve(): Observable<Candidate> {
13
-      return this.route.queryParams.pipe(
14
-        map(params => params['candidatId']),
15
-        switchMap(candidatId => this.service.candidatGetById(candidatId)),
16
-      );
17
-    }
18
-}

+ 0
- 14
Angular/src/app/shared/resolver/candidats.resolver.ts Visa fil

@@ -1,14 +0,0 @@
1
-import { Injectable } from "@angular/core";
2
-import { Resolve } from "@angular/router";
3
-import { HttpClient, HttpHeaders } from "@angular/common/http";
4
-import { Candidate } from "../models/candidate";
5
-import { candidatListService } from "src/app/pages/candidat/candidat-list/candidat-list.service";
6
-import { Observable } from "rxjs";
7
-
8
-@Injectable()
9
-export class CandidatsResolver implements Resolve<Candidate[]> {
10
-  constructor(public service: candidatListService) {}
11
-  resolve(): Observable<Candidate[]> {
12
-    return this.service.getCandidats();
13
-  }
14
-}

Powered by TurnKey Linux.