TypeScript @angular/http Http.patch Examples

Programming Language: TypeScript

Namespace/Package Name: @angular/http

Class/Type: Http

Method/Function: patch

Examples at hotexamples.com: 30

The `@angular/http` package library provides a set of HTTP client methods for making HTTP requests in Angular applications. One of the methods in this package is `patch()`, which is used to update an existing resource on the server.

Example 1:

In this example, we are updating a user's email address and phone number.

import { Http } from '@angular/http';

let user = {
  name: 'John Doe',
  email: 'johndoe@example.com',
  phone: '555-555-5555'
};

let updatedUser = {
  email: 'newemail@example.com',
  phone: '444-444-4444'
};

http.patch('https://api.example.com/users/1', updatedUser)
  .subscribe(response => {
    console.log('User updated:', response.json());
  });

Example 2:

In this example, we are using `patch()` to add a new property to an existing resource.

import { Http } from '@angular/http';

let book = {
  title: 'Angular Basics',
  author: 'Jane Doe'
};

let updatedBook = {
  genre: 'Programming'
};

http.patch('https://api.example.com/books/1', updatedBook)
  .subscribe(response => {
    console.log('Book updated:', response.json());
  });

In both examples, we are using the `patch()` method to send an HTTP PATCH request to the server to update an existing resource. The package library used is `@angular/http`.

TypeScript Http.patch - 30 examples found. These are the top rated real world TypeScript examples of @angular/http.Http.patch extracted from open source projects. You can rate examples to help us improve the quality of examples.

Frequently Used Methods

Show Hide

delete(30)

get(30)

patch(30)

post(30)

put(30)

request(30)

head(16)

method(10)

options(3)

d(1)

Example #1

Show file

File: http.service.ts Project: emesonsantana/bmp1-web-service

  patch(
    action: string,
    body = '',
    headers: { [key: string]: string } = {}
  ): Observable<any> {
    let url: string = environment['api'] + action

    headers['Content-Type'] = 'application/json'

    let options = new RequestOptions({
      headers: new Headers(headers),
    })

    return this._http
      .patch(url, body, options)
      .map(this._extract)
      .catch(this._handleError)
  }

Example #2

Show file

File: httpAuth.ts Project: giggio/transempregos-portal

 patch(url: string, body: any, options?: RequestOptionsArgs) {
     options = this.getOptions(options);
     return this.http.patch(url, body, options);
 }

Example #3

Show file

File: api-http.ts Project: tb/ng2-api

 patch(url: string, body: string, options?: RequestOptions): Observable<Response> {
   return this.http.patch(this.url(url), body, this.requestOptions(options));
 }

Example #4

Show file

File: destination-data-handler.service.ts Project: ObsidianCat/time_travel_vacation

 private updateData(data_url, data): Promise<any> {
   return this.http.patch(data_url, data)
     .toPromise()
     .then(this.extractData)
     .catch(this.handleError);
 }

Example #5

Show file

File: DraftService.service.ts Project: LukeNZ/onerocketroad

 /**
  * Update an existing draft with new information.
  * PATCH: /api/drafts/update
  *
  * @param draft The draft to update.
  * @returns {Observable<Draft>}   The draft returned from the server.
  */
 public updateDraft(draft : Draft) : Observable<Draft> {
     return this.http.patch('/api/drafts/update', draft, this.headersWithAuth())
         .map(this.parseJson)
         .map(this.createDraftModel)
         .catch(this.handleError);
 }

Example #6

Show file

File: element.service.ts Project: plomino/Plomino

 patchElement(id: string, element: any) {
     return this.http.patch(id, element, { headers: this.headers });
 }

Example #7

Show file

File: data.service.ts Project: FredJiangFei/myDream

 update(post){
   return this.http.patch(this.url+"/"+post.id,JSON.stringify(post))
   .catch(this.hanldeError);
 }

Example #8

Show file

File: transfer-http.ts Project: oneuptim/node-amazon

 return this.getPostData(url, body, options, (url: string, options: RequestOptionsArgs) => {
     return this.http.patch(url, body.options);
 });

Example #9

Show file

File: loopback-api.ts Project: baijiadu/auktionator

 return new Promise((resolve, reject) => {
   this.handleRequest(this.http.patch(LoopbackAPI.URL(url, params), JSON.stringify(body), options), resolve, reject);
 });

Example #10

Show file

File: Parent.ts Project: shprink/wp-api-angular

 httpPatch(url: string, body = {}, options = {}) {
   return this.http.patch(this.wpApiLoader.getWebServiceUrl(url), body, options);
 }

Show more examples