Angular 4 http get with query parameters

Question

The first block is working as expected

getQuotes(): Observable<Quote[]> {
    return this.http.get(this.url)
        .map((res: Response) => res.json())
        .catch((error: any) => Observable.throw(error.json().error || 'Server error'));
}

Now I am tring to add query params to this.url and the url have not changed

getQuotes2(): Observable<Quote[]> {
    let myParams  = new URLSearchParams();
    myParams.append('author', 'authorName');
    myParams.append('catid', '123');
    let options = new RequestOptions({ params: myParams });

    return this.http.get(this.url, options )
        .map((res: Response) => res.json())
        .catch((error: any) => Observable.throw(error.json().error || 'Server error'));
}

I have checked in devtools. Caching is switched off. I have tried { search: myParams }, with RequestOptions and return this.http.get(this.url, { params: myParams } ) Where I am not looking i see string concatination. These parameters are optinal and I append them on condition.

Vova Bilyachat · Accepted Answer · 2017-08-30 04:19:29Z

6

Have you imported params ?

import { URLSearchParams } from '@angular/http';

answered Aug 30, 2017 at 4:19

Vova Bilyachat

19.5k4 gold badges60 silver badges88 bronze badges

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

2 Comments

Eldar Over a year ago

I have checked, yes it works. The absent of import do not cause error messages.

Vova Bilyachat Over a year ago

@Eldar because there is developer.mozilla.org/en-US/docs/Web/API/URLSearchParams ;)

Collectives™ on Stack Overflow

Angular 4 http get with query parameters

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related