How to use Querystring with $location.path() in AngularJS

Question

I want to redirect user to another page after successful login using query string. If I copy & paste to browser's address bar http://example.com/#/login?ref=/path/to/redirect it works fine. But if I use

$location.path("/login?ref=/path/to/redirect");

url looks like

http://example.com/#/login%3Fref=/path/to/redirect

How can I decode %3F to '?' ? Thanks

Are you using ui-router? you should be able to do $state.go('state', {ref: 'params'} and pass in the query string. — Christopher Marshall
– Christopher Marshall, Commented Jun 12, 2014 at 15:43
You can also use $routeParams and create a route that looks like this: /login/:ref and then ref would be a parameter in the $routeParams service. docs.angularjs.org/api/ngRoute/service/$routeParams — m.e.conroy
– m.e.conroy, Commented Jun 12, 2014 at 16:00

Stepan Suvorov · Accepted Answer · 2014-06-12 16:20:11Z

47

It should be

$location.path('/login').search('ref', '/path/to/redirect')

answered Jun 12, 2014 at 16:20

Stepan Suvorov

26.3k27 gold badges117 silver badges178 bronze badges

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

2 Comments

parliament Over a year ago

unfortunately this doesn't work if you have reloadOnSearch set to false on the route. Angular considers this a reload since it isn't set simultaneously. I should open and issue in angular.js for this but do you have an alternative to set path and query simultaneously (other than setting the location object directly which would cause a full reload)

Eugene Over a year ago

What if you have some common component, that doesn't know anything about query string content? How can you pass it then?

pykiss · Accepted Answer · 2015-09-17 10:52:21Z

0

I had the same problem.

I want to change path and search the same time.

It is possible by doing this:

$location.$$search ={foo:'bar', buz:'buz'}
$location.$$path = '/some/path'
$location.$$compose()

It is not documented and it could broke at any new angular version.

answered Sep 17, 2015 at 10:52

pykiss

1,08713 silver badges15 bronze badges

Collectives™ on Stack Overflow

How to use Querystring with $location.path() in AngularJS

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related