Difference between revisions of "Using Angular HttpClient"

From PeformIQ Upgrade
Jump to navigation Jump to search
(Created page with "=Links= * * =Examples= Some examples. ==GET== <pre> getUsers() { this.httpClient.get(this.url').subscribe((res: any[]) => { console.log(res); this....")
 
Line 34: Line 34:


</pre>
</pre>
=PATCH=
<pre>
  update(xxx: Xxx) {
    this.httpClient.patch(this.baseUrl + '/v1/xxx/xxxx-xxxx/' + this.id,
    {
      Id : xxx.Id,
      Status: xxx.Status,
      XxxId: xxx.XxxId,
      NoXxx: xxx.NoXxx
    })
    .subscribe(
      data  => {
        console.log('[update]              PATCH Request is successful |' + data + '|');
        return data;
      },
      error  => {
        console.log('[update]                                    Error |' + error + '|');
        return  error;
      });
  } // update
</pre>


[[Category:Angular]]
[[Category:Angular]]

Revision as of 09:44, 24 October 2019

Links

Examples

Some examples.

GET

  getUsers() {
    this.httpClient.get(this.url').subscribe((res: any[]) => {
        console.log(res);
        this.users = res;
    },
    error => { this.errorMessage = error as any; },
    () => {
      // Complete - update a datatable
      this.changeDetectorRef.detectChanges();
      const table: any = $('#UsersTable');
      this.dataTable = table.DataTable(this.dtOptions);
    });

  } // getUsers



POST


PATCH

  update(xxx: Xxx) {

    this.httpClient.patch(this.baseUrl + '/v1/xxx/xxxx-xxxx/' + this.id,
    {
      Id : xxx.Id,
      Status: xxx.Status,
      XxxId: xxx.XxxId,
      NoXxx: xxx.NoXxx
    })
    .subscribe(
      data  => {
        console.log('[update]              PATCH Request is successful |' + data + '|');
        return data;
      },
      error  => {
        console.log('[update]                                    Error |' + error + '|');
        return  error;
      });

  } // update