Sending http request in ionic 3/typescript

Question

what is the right way to pass headers to http get request. I am using ionic 3 framework and getting this error "Expected 0 type arguments, but got 1". My function returns an observable of type IMessage.

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


getChats(token:string):Observable<IMessage[]>{ 
    let headers = new Headers({
        'Content-Type' : 'application/json',
        'Authorization': 'Bearer'+ token
    });
    let options = new RequestOptions({ headers: headers });
    return this.http.get<IMessage[]>(this.url, options);
}

Note that when I return an observable of type any the request succeed.

Depending on which specific v4 - you may be able to use HttpClient: v4.angular.io/api/common/http/HttpClient — Sergey Rudenko
– Sergey Rudenko, Commented Jun 15, 2018 at 0:44

Sergey Rudenko · Accepted Answer · 2018-06-15 00:42:33Z

1

If you are using Angular 4.4.7+ with Ionic 3, you should leverage HttpClient instead of Http:

import { HttpClient, HttpHeaders } from '@angular/http';
...

getChats(token:string):Observable<IMessage[]>{ 
    let headers = new HttpHeaders().set('Content-Type' : 'application/json').set("Authorization", 'Bearer '+ token);
    return this.http.get<IMessage[]>(this.url, { headers });
}

I guess you need to use HttpOptions if aside headers you have more stuff in the request.

answered Jun 15, 2018 at 0:42

Sergey Rudenko

9,2653 gold badges33 silver badges52 bronze badges

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

Collectives™ on Stack Overflow

Sending http request in ionic 3/typescript

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related