})
export class HeroService {
- private heroesUrl = 'api/heroes'; // URL to web api
+ heroesUrl = 'api/heroes'; // URL to web api
+ httpOptions = {
+ headers: new HttpHeaders({ 'Content-Type': 'application/json' })
+ };
constructor(
private http: HttpClient,
);
}
+ /** POST: add a new hero to the server */
+ addHero(hero: Hero): Observable<Hero> {
+ return this.http.post<Hero>(this.heroesUrl, hero, this.httpOptions).pipe(
+ tap((newHero: Hero) => this.log(`added hero w/ id=${newHero.id}`)),
+ catchError(this.handleError<Hero>('addHero'))
+ );
+ }
+
/** GET hero by id. Will 404 if id not found */
getHero(id: number): Observable<Hero> {
this.log(`requested hero id=${id}`);
);
}
+ /** PUT: update the hero on the server */
+ updateHero(hero: Hero): Observable<any> {
+ return this.http.put(this.heroesUrl, hero, this.httpOptions).pipe(
+ tap(_ => this.log(`updated hero id=${hero.id}`)),
+ catchError(this.handleError<any>('updateHero'))
+ );
+ }
+
+ /* GET heroes whose name contains search term */
+ searchHeroes(term: string): Observable<Hero[]> {
+ if (!term.trim()) {
+ // if not search term, return empty hero array.
+ return of([]);
+ }
+ return this.http.get<Hero[]>(`${this.heroesUrl}/?name=${term}`).pipe(
+ tap(x => x.length ?
+ this.log(`found heroes matching "${term}"`) :
+ this.log(`no heroes matching "${term}"`)),
+ catchError(this.handleError<Hero[]>('searchHeroes', []))
+ );
+ }
+
/**
* Handle Http operation that failed.
* Let the app continue.