AngularJS $http.get passing variable as param key

Question

I am new to AngularJS and trying to see if this is possible. I have looked at a lot of $http.get questions online but can't find an answer to this.

I have an api call that has three different parameter key possibilities.

$http.get(url, {params : {$scope.searchBy : $scope.value}})

$scope.searchBy is marked as a syntax error. It has 3 possible values from a dropdown list.

I tried var search = $scope.searchBy; but when I use {params : {search : $scope.value}} the value is "search" and not $scope.searchBy.

Any suggestions how this can be done without if statements and separate api calls?

Thank you.

What call are you trying to achieve at the end ? url?searchBy=... ? — Vitalii Chmovzh
– Vitalii Chmovzh, Commented Nov 16, 2017 at 19:30

Igor · Accepted Answer · 2017-11-16 19:32:34Z

1

You will have to do something like this as this is valid javascript syntax.

var paramValues = {};
paramValues[$scope.searchBy] = $scope.value;
return $http.get(url, {params: paramValues});

When you define an object using the syntax you have in your question the property/field name must be a known constant. If it is variable, which you want in this case, then you can create the object first and then set the value using the obj[propertyName] = someValue; notation.

answered Nov 16, 2017 at 19:32

Igor

62.5k10 gold badges111 silver badges181 bronze badges

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

1 Comment

Igor Over a year ago

@malka - glad to help.

georgeawg · Accepted Answer · 2017-11-16 19:34:18Z

1

Use property accessor bracket notation to construct the desired params object:

var config = { params: {} };
config.params[$scope.searchBy] = $scope.value;

$http.get(url, config);

answered Nov 16, 2017 at 19:34

georgeawg

49k13 gold badges78 silver badges98 bronze badges

Collectives™ on Stack Overflow

AngularJS $http.get passing variable as param key

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related