juplo.de Git - examples/angular-tour-of-heroes/blob - src/app/hero.service.ts

   1 import { Injectable } from '@angular/core';
   2 import { Observable, of, EMPTY } from 'rxjs';
   3 import { Hero } from './hero';
   4 import { HEROES } from './mock-heroes';
   5 import { HttpClient, HttpHeaders } from '@angular/common/http';
   6 import { MessageService } from './message.service';
   7 import { catchError, tap } from 'rxjs/operators';
   8
   9
  10 @Injectable({
  11   providedIn: 'root'
  12 })
  13 export class HeroService {
  14
  15   private heroesUrl = 'api/heroes';  // URL to web api
  16
  17   constructor(
  18     private http: HttpClient,
  19     private messageService: MessageService) { }
  20
  21   getHeroes(): Observable<Hero[]> {
  22     this.log('fetching heroes...');
  23     return this.http
  24       .get<Hero[]>(this.heroesUrl)
  25       .pipe(
  26         tap((heroes: Hero[]) => this.log(`fetched ${heroes.length} heroes`)),
  27         catchError(this.handleError<Hero[]>('getHeroes', []))
  28       );
  29   }
  30
  31   getHero(id: number): Observable<Hero> {
  32     this.log(`requested hero id=${id}`);
  33     const found: Hero | undefined = HEROES.find(hero => hero.id === id);
  34     if (found === undefined) {
  35       return EMPTY;
  36     } else {
  37       return of(found);
  38     }
  39   }
  40
  41   /**
  42    * Handle Http operation that failed.
  43    * Let the app continue.
  44    * @param operation - name of the operation that failed
  45    * @param result - optional value to return as the observable result
  46    */
  47   private handleError<T>(operation = 'operation', result?: T) {
  48     return (error: any): Observable<T> => {
  49
  50       // TODO: send the error to remote logging infrastructure
  51       console.error(error); // log to console instead
  52
  53       // TODO: better job of transforming error for user consumption
  54       this.log(`${operation} failed: ${error.message}`);
  55
  56       // Let the app keep running by returning an empty result.
  57       return of(result as T);
  58     };
  59   }
  60
  61   /** Log a HeroService message with the MessageService */
  62   private log(message: string) {
  63     this.messageService.add(`HeroService: ${message}`);
  64   }
  65 }