Establecer en el servicio generico (El procesamiento generico)

[blancoparis-tfc]

Mirar como funciona el mecanismo que se comenta en la documentación de angular 2.

https://angular.io/docs/ts/latest/guide/server-communication.html

  getHeroes () {
    return this.http.get(this._heroesUrl)
                    .map(res => <Hero[]> res.json().data)
                    .do(data => console.log(data)) // eyeball results in the console
                    .catch(this.handleError);
  }
  addHero (name: string) : Observable<Hero>  {
    let body = JSON.stringify({ name });
    let headers = new Headers({ 'Content-Type': 'application/json' });
    let options = new RequestOptions({ headers: headers });
    return this.http.post(this._heroesUrl, body, options)
                    .map(res =>  <Hero> res.json().data)
                    .catch(this.handleError)
  }
  private handleError (error: Response) {
    // in a real world app, we may send the error to some remote logging infrastructure
    // instead of just logging it to the console
    console.error(error);
    return Observable.throw(error.json().error || 'Server error');
  }

[blancoparis-tfc]

Vamos a refactorizar el código, para el elemento sea un elemento.