TypeScript @angular/http Http.head Examples

Programming Language: TypeScript

Namespace/Package Name: @angular/http

Class/Type: Http

Method/Function: head

Examples at hotexamples.com: 16

The @angular/http Http header in TypeScript is a package that provides reactive programming support for HTTP requests in Angular applications. The Http header allows developers to make HTTP requests and receive responses using observables.

Example 1: Getting Data from an API

import { Component } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';

@Component({
  selector: 'app-root',
  template: `
    
      
        {{ user.name }}
      
    
  `,
})
export class AppComponent {
  users: any[];

  constructor(private http: Http) {}

  ngOnInit() {
    this.http.get('https://jsonplaceholder.typicode.com/users')
      .map(response => response.json())
      .subscribe(data => this.users = data);
  }
}

In this example, the Http header is used to make an HTTP GET request to the JSONPlaceholder API and retrieve a list of users. The data is then displayed in a list using Angular's *ngFor directive.

Example 2: Posting Data to an API

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

@Component({
  selector: 'app-root',
  template: `
    
      
      
      
    
  `,
})
export class AppComponent {
  name: string;
  email: string;

  constructor(private http: Http) {}

  onSubmit() {
    const headers = new Headers({ 'Content-Type': 'application/json' });
    const body = { name: this.name, email: this.email };

    this.http.post('https://jsonplaceholder.typicode.com/users', body, { headers })
      .subscribe(data => console.log(data));
  }
}

In this example, the Http header is used to make an HTTP POST request to the JSONPlaceholder API and submit a new user to the server. The name and email values are taken from a form input using two-way data binding with Angular's [(ngModel)] directive. The headers object is used to specify the content type of the request as JSON, and the body object is passed as the payload.

TypeScript Http.head - 16 examples found. These are the top rated real world TypeScript examples of @angular/http.Http.head 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: index.ts Project: nino-c/ng2-resource

 private createRequest(type: string,data ?: Object) : Observable<any> {
   let _url : string = this.buildUrl(data);
   let _request : Observable<any>
   let stringParam : string = '';
   let _jsonBuild : any = {}
   if(_url.split('?')[1] && _url.split('?')[1].length) {
     (_url.split('?')[1].split('&')).forEach( _paramPart => {
       _jsonBuild[_paramPart.split('=')[0]] = _paramPart.split('=')[1];
     });
     stringParam = JSON.stringify(_jsonBuild);
   }
   switch (type) {
     case "post":
       _request = this._http.post(_url.split('?')[0], stringParam);
       break;
     case "patch":
       _request = this._http.patch(_url.split('?')[0], stringParam);
       break;
     case "put":
       _request = this._http.put(_url.split('?')[0], stringParam);
       break;
     case "delete":
       _request = this._http.delete(_url);
       break;
     case "head":
       _request = this._http.head(_url);
       break;
     default:
       _request = this._http.get(_url);
       break;
   }
   this._request = _request.map((response: Response) => response.json());
   return this._request;
 }

Example #2

Show file

File: HttpService.ts Project: srayaa/ionic3_angular4_JD

 public head(url: string, paramMap?: any): Observable<Response> {
   return this.http.head(url, new RequestOptions({
     search: HttpService.buildURLSearchParams(paramMap),
     headers: new Headers({
       'token': this.globalData.token
     })
   }));
 }

Example #3

Show file

File: fluent.service.ts Project: jadjoubran/angular2-fluent-http

	head(endpoint: string, options?: RequestOptionsArgs) : Observable<Response>{
		let url = this.getUrl(endpoint);

		return this.http.head(url, options);
	}

Example #4

Show file

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

 return this.getData(url, options, (url: string, options: RequestOptionsArgs) => {
     return this.http.head(url, options);
 });

Example #5

Show file

File: project.service.ts Project: int32bit/harbor

 checkProjectExists(projectName: string): Observable<any> {
   return this.http
              .head(`/api/projects/?project_name=${projectName}`)
              .map(response=>response.status)
              .catch(error=>Observable.throw(error));
 }

Example #6

Show file

File: httpclient.ts Project: madhusudhand/angular2-cli

 head(url: string, options?: RequestOptionsArgs): Observable<Response> {
   return this.http.head(url, this.attachAuthHeaders(options));
 }

Example #7

Show file

File: auth-http.service.ts Project: redrick-tmn/SimpleAngularBlogApp

 head(url: string, options?: RequestOptionsArgs): Observable<Response> {
     return this.http.head(url, this.appendHeaders(options))
         .catch((error) => {return this.handleError(error); });
 }

Example #8

Show file

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

 httpHead(url: string, options = {}) {
   return this.http.head(this.getFullUrl(url), options);
 }

Example #9

Show file

File: network-service.ts Project: davidkirolos/RolApp

 public head(url: string, options?: RequestOptionsArgs) {
   if (this.networkService.noConnection()) {
     this.networkService.showNetworkAlert();
   } else { return this.http.head(url, options) }
 }

Example #10

Show file

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

 return new Promise((resolve, reject) => {
   this.handleRequest(this.http.head(LoopbackAPI.URL(url, params)), resolve, reject);
 });

Show more examples