How to make a put request in angular2 using http?

Question

I am working on this angular2 application and I am doing CRUD operations.

I have http for making get & post requests.

I want to perform put operation now but cannot find anything relevant.

Any inputs?

Thanks.

Answer 1

If you are already familiar with POST, then

Only difference between POST and PUT request is literally UT instead of OST, it's just a verb, for front-end atleast.

Angular Docs (have to make it complicated)

// Update existing Hero
private put(hero: Hero) {
  let headers = new Headers();
  headers.append('Content-Type', 'application/json');

  let url = `${this.heroesUrl}/${hero.id}`;

  return this.http
             .put(url, JSON.stringify(hero), {headers: headers})
             .map(res => res.json());
}

---

And remember - Observables can be lazy (eg: Angular's Http request) so you need to subscribe on them to make the request execute even if you don't want to handle the response. – @user2171669

Answer 2

    //For .map(res => res.json()); 
    //solution is below.. 
       private updateProduct(product: IProduct, options: RequestOptions):     Observable  {
       const url = `${this.baseUrl}/${product.id}`;
        let headers = new Headers();
        headers.append('Content-Type', 'application/json')
        return this._http.put(url, JSON.stringify(product), {headers: headers})
               .map(() => product)
               .do(data => console.log('updateProduct: ' + JSON.parse(JSON.stringify(data || null)) ))   
            .catch(this.handleError);
       } 
    //But I am unable to update any record....