X-Git-Url: https://juplo.de/gitweb/?p=examples%2Fangular-tour-of-heroes;a=blobdiff_plain;f=src%2Fapp%2Fhero.service.ts;h=a0b5d5ba94b22f74519d11cca932de424b25d2ed;hp=f8374b1d8213f486e2fcd17edb016be04620a0c2;hb=cbadc2c63fa11dc938469117ec8f4a65a7873851;hpb=a74bb0fa3f25f033319a4987bbec1acdc548f3dc

diff --git a/src/app/hero.service.ts b/src/app/hero.service.ts
index f8374b1..a0b5d5b 100644
--- a/src/app/hero.service.ts
+++ b/src/app/hero.service.ts
@@ -28,14 +28,14 @@ export class HeroService {
       );
   }
 
+  /** GET hero by id. Will 404 if id not found */
   getHero(id: number): Observable<Hero> {
     this.log(`requested hero id=${id}`);
-    const found: Hero | undefined = HEROES.find(hero => hero.id === id);
-    if (found === undefined) {
-      return EMPTY;
-    } else {
-      return of(found);
-    }
+    const url = `${this.heroesUrl}/${id}`;
+    return this.http.get<Hero>(url).pipe(
+      tap(_ => this.log(`fetched hero id=${id}`)),
+      catchError(this.handleError<Hero>(`getHero id=${id}`))
+    );
   }
 
   /**
@@ -54,7 +54,11 @@ export class HeroService {
       this.log(`${operation} failed: ${error.message}`);
 
       // Let the app keep running by returning an empty result.
-      return of(result as T);
+      if (result === undefined) {
+        return EMPTY as Observable<T>;
+      } else {
+        return of(result as T);
+      }
     };
   }