Get query string form $location.search() object / Call internal Angular method

Question

In Angular, $location.search() returns an object, which is handy to modify: add new params, alter or remove (set to null) existing ones. And $location.search(object) sets this object to the search component of $location. I'm looking for a way to get the composed query string from this object leaving the $location intact. I don't need to get the actual query string, I need to compose the query string from an object.

I don't want to reinvent the wheel and write a javascript function that transforms an object to the string of &-separated key-value pairs, Angular already has one. Basically what I'd like to do is to use toKeyValue method from Angular.js, which is used to compose query string in the $$compose function in location.js. However, it seems like toKeyValue method is inaccessible from outside Angular (unlike, for example, forEach), as I'm getting angular.toKeyValue is not a function error when trying to call it. Is there any way to call toKeyValue method from my controller or just compose the query string from an object by means of Angular?

Shashank Agrawal · Accepted Answer · 2015-12-16 09:26:28Z

3

You can use $httpParamSerializer that converts objects to strings.

This will do from your controller.

app.controller('MainCtrl', function($scope, $httpParamSerializer) {
  var querystring = $httpParamSerializer({ width:1680, height:1050 }); //height=1050&width=1680
});

edited Dec 16, 2015 at 9:26

Shashank Agrawal

25.9k11 gold badges98 silver badges126 bronze badges

answered Dec 16, 2015 at 9:24

Pitchai P

1,32710 silver badges22 bronze badges

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

1 Comment

axmrnv Over a year ago

Thanks, I've found it myself in the issue on GitHub and even tried it two seconds before this answer.

Collectives™ on Stack Overflow

Get query string form $location.search() object / Call internal Angular method

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related