projects
/
examples
/
angular-tour-of-heroes
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
6: Get Data from a Server
[examples/angular-tour-of-heroes]
/
src
/
app
/
hero.service.ts
diff --git
a/src/app/hero.service.ts
b/src/app/hero.service.ts
index
f8374b1
..
75a002b
100644
(file)
--- a/
src/app/hero.service.ts
+++ b/
src/app/hero.service.ts
@@
-12,7
+12,7
@@
import { catchError, tap } from 'rxjs/operators';
})
export class HeroService {
})
export class HeroService {
-
private
heroesUrl = 'api/heroes'; // URL to web api
+ heroesUrl = 'api/heroes'; // URL to web api
constructor(
private http: HttpClient,
constructor(
private http: HttpClient,
@@
-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}`);
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.
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);
+ }
};
}
};
}