How to use Angular $location to set my new url location by changing its key-value params dynamically?

Question

Let\'s say I have a RESTful endpoint that accepts a range of facets to query data. Here\'s a few examples:

example.com/search?type=Doctor&location=Boston         


        

Answer 1

Using $location

$location.path('/newValue').search({key: value});

For Non AngularJS applications:

You can use history.js to append parameters dynamically to the url. then split the url to retrieve the params and pass to angular:

History.replaceState({state:1}, "State 1", "?Param1=something");

I am suggesting history.js as IE until ver9 didnt support history object push state, if you are going to use IE10+ or google chrome, use the history state object to update the url. Hope it helps :)