TypeScript @angular/http Response Examples

Programming Language: TypeScript

Namespace/Package Name: @angular/http

Class/Type: Response

Examples at hotexamples.com: 30

The @angular/http library is a package for managing HTTP requests and responses in Angular applications. One important class offered by this library is the Response class. This class encapsulates the response returned from an HTTP request and provides methods for accessing data and metadata that might be contained in the response.

Example 1: Retrieving Data from Response

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

@Component({
  selector: 'my-app',
  template: `{{ responseText }}`
})

export class AppComponent {
  responseText: string;

  constructor(private http: Http) {
    this.http.get('http://example.com').subscribe(response => {
      this.responseText = response.text();
    });
  }
}

In this example, we use the Response.text() method to extract the text data from the Response object returned from an HTTP GET request.

Example 2: Handling Errors in Response

import { Component } from '@angular/core';
import { Http, Response } from '@angular/http';

@Component({
  selector: 'my-app',
  template: `{{ errorMessage }}`
})

export class AppComponent {
  errorMessage: string;

  constructor(private http: Http) {
    this.http.get('http://example.com').subscribe(
      response => console.log(response),
      error => this.errorMessage = error
    );
  }
}

In this example, we use the Response object returned from an HTTP GET request to log the response data and also handle any errors that might occur in the HTTP request. The @angular/http library is included as part of the @angular/core package in Angular.

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

Frequently Used Methods

Show Hide

json(30)

text(30)

toString(21)

blob(5)

arrayBuffer(3)

default(2)

ToString(1)

Example #1

Show file

File: meetings.service.ts Project: guillaumeLeRoy/eritis_fe

 .map((response: Response) => {
   let meetingDate: MeetingDate = MeetingDate.parseFromBE(response.json());
   console.log("addPotentialDateToMeeting, response meetingDate : ", meetingDate);
   return meetingDate;
 });

Example #2

Show file

File: list-users.service.ts Project: camilolozano/finalAndroid2018-front

 // For DataTable
 private extractDataTable(res: Response) {
   const body = res.json();
   return body.data || {};
 }

Example #3

Show file

File: tab-content.service.ts Project: KHAAAAN/PPEL-app

	private static handleError(error: Response) {
		console.log("errors4days");
		console.error(error);
		return Observable.throw(error.json().error || 'Server error');
	}

Example #4

Show file

File: test-suite.service.ts Project: ybonjour/test-store

    private static extractTestSuite(response: Response): TestSuite {
        if(response.status != 200) throw new Error("Bad response status: " + response.status);

        return TestSuiteService.convertFromTestSuiteOverview(response.json());
    }

Example #5

Show file

File: SimpleHTTPComponent.ts Project: GerbenRampaart/ngbook2

 .subscribe((res: Response) => {
   this.data = res.json();
   this.loading = false;
 });

Example #6

Show file

File: school.service.ts Project: daniviles/classpip-dashboard

 .map((response: Response, index: number) => {
   student.avatar = Avatar.toObject(response.json());
   return student;
 })

Example #7

Show file

File: auth.ts Project: moleisking/SAM

 private extractData(res: Response) {
   // console.log(res);
   localStorage.setItem("auth_key", res.json().token.split(" ")[1]);
   let body = res.json();
   return body.data || {};
 }

Example #8

Show file

File: meetings.service.ts Project: guillaumeLeRoy/eritis_fe

 return this.apiService.put(AuthService.PUT_MEETING, param, body).map((response: Response) => {
   let meeting: Meeting = Meeting.parseFromBE(response.json());
   console.log("updateMeeting, response json : ", meeting);
   return meeting;
 });

Example #9

Show file

File: note.service.ts Project: AnastasiaGritsuk/DreamJotter

	private handleError(error: Response) {
		let errMsg = error.json();
		errMsg = (errMsg.message) ? errMsg.message :
			errMsg.status ? `${errMsg.status}` : 'Server error';
		return Observable.throw(errMsg);
	}

Example #10

Show file

File: meetings.service.ts Project: guillaumeLeRoy/eritis_fe

 return this.apiService.put(AuthService.PUT_COACH_TO_MEETING, param, null).map((response: Response) => {
   let meeting: Meeting = Meeting.parseFromBE(response.json());
   return meeting;
 });

Show more examples