Can we pass a route var to an ajax $http.get

Question

This is what i want:

$http.get('v1/service/:variable', { params: { variable: 'val' } })

so i know that this still just adds the val as a query param, but i want it to replace the :variable. Do you see this happening?

please update the example, `var` is a keyword in javascript, which can be confusing. — Eliran Malka, Feb 17 '14 at 09:38
Please, explain in more detail: what you want, or provide JSfiddle/Plunker. — Artyom Pranovich, Feb 17 '14 at 10:02
@ArtyomPranovich its simple: i want to be able to map the params hash to the route params. The resulting url from the above example should be: 'v1/service/val' — Daniel Birowsky Popeski, Feb 17 '14 at 10:56

score 1 · Accepted Answer · edited May 23 '17 at 10:25

1

AngularJS's $http does not support this.

You'll have to do the replacing yourself.

var url = 'v1/service/:variable';
var params = {
    variable: 'val' 
};

for(var varName in params) {
    url = url.replace(':' + varName, params[varName]);
}

$http.get(url);

Or go with a sprintf-like library.

edited May 23 '17 at 10:25

Community

1
1

answered Feb 17 '14 at 10:59

Sergiu Paraschiv

9,929
5
36
47

I was hoping angular had it implemented somehow.. But even with your approach, if variable has something like '+val', it's not gonna be encoded to '%2Bval'. Or it doesn't need to be? Thought? – Daniel Birowsky Popeski Feb 17 '14 at 11:32
1

Well, why not do a `encodeURIComponent(params[varName])`? – Sergiu Paraschiv Feb 17 '14 at 11:33
Makes sense. Now, don't forget to do a pull request to angularjs. – Daniel Birowsky Popeski Feb 17 '14 at 15:16

Can we pass a route var to an ajax $http.get

1 Answers1