Pass Headers in angular http in observable

Question

how to pass headers in http post request.

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

import { HttpHeaders } from '@angular/common/http';

import { Observable } from 'rxjs';
import { map, catchError } from 'rxjs/operators';

getStreamingURL(): Observable<any> {
		const headers: HttpHeaders = new HttpHeaders({
			'deviceType': 'pc',
			'os': 'web'
		});

		const options = {
			'headers': headers
		};
        return this.http.post(
            environment.apiUrl + '/livetv/apis/v1.0/stream',
            {
				'channelId': 142
			}, options
        ).pipe(map((res) => {
            return res.json();
        }));
    }

Getting any error?

Ashish Ranjan
– Ashish Ranjan

2018-12-03 11:51:35 +00:00
Commented Dec 3, 2018 at 11:51 — Ashish Ranjan
– Ashish Ranjan, Commented Dec 3, 2018 at 11:51

Jacopo Sciampi · Accepted Answer · 2018-12-03 11:50:31Z

2

a simplified version:

import { Http, Headers, RequestOptions, Response } from '@angular/http';

const headers: HttpHeaders = new HttpHeaders({
            'deviceType': 'pc',
            'os': 'web'
        });

const options = new RequestOptions({ headers: headers });

return this.http.post(urlToPass, options);

answered Dec 3, 2018 at 11:50

Jacopo Sciampi

3,5042 gold badges27 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sachin Shah · Accepted Answer · 2018-12-03 11:50:21Z

1

Try this way

import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';

// While call any API.

return new Observable<any>(observer => {
let headers = new HttpHeaders({
    'deviceType': 'pc',
    'os': 'web'
  });
  let options = {
    headers: headers
  }

 this.http.post(URL, param, options)
        .subscribe(data => {
            console.log(data);
         });
});

answered Dec 3, 2018 at 11:50

Sachin Shah

4,5634 gold badges26 silver badges55 bronze badges

Collectives™ on Stack Overflow

Pass Headers in angular http in observable

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related