Set parameter for api url in Angular 6 service

Question

I have a get request that requires passing some data, how do I do that in my service:

private campaignUrl = environment.apiUrl + '/campaign/';

    constructor(private http: HttpRequestService) { }

    getCampaign(uuid) {
        return this.http.post(this.campaignUrl);
    }

I need to pass the id after campaignUrl, and this is my api url in swagger:

/api/campaign/{uuid}/

Jacopo Sciampi · Accepted Answer · 2018-09-13 13:12:03Z

3

Is a get or is a post?

anyway you can do it this way :

return this.http.post(this.campaignUrl + uuid);

edited Sep 13, 2018 at 13:12

answered Sep 13, 2018 at 12:49

Jacopo Sciampi

3,4942 gold badges26 silver badges52 bronze badges

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

Comments

msanford · Accepted Answer · 2018-09-13 13:01:59Z

The other answer is adequate, but I'll offer this since you were almost there with your example, using ES6 template literals (back-ticks):

private campaignUrl = environment.apiUrl + '/campaign/';

constructor(private http: HttpRequestService) { }

getCampaign(uuid) {
    return this.http.get(`${this.campaignUrl}/${encodeURI(uuid)}`);
}

Or with arrows

getCampaign = (uuid) => this.http.get(`${this.campaignUrl}/${encodeURI(uuid)}`);

Note that you probably want to call encodeURI() (since Angular won't do that for you). You could skip this if you can guarantee that the string passed to getCampaign is always a uuid format (nnnn-nnnn-...).

Also, you say "get request" in your question but call .post, so I assumed your text was correct and code was not.

Yep, that's a better way to concatenate string. You're right.
@JacopoSciampi Your answer is just fine and maintains the original style of the question. I only added this "for completeness".

Collectives™ on Stack Overflow

Set parameter for api url in Angular 6 service

2 Answers 2

Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Related