Removing the querystring in AngularJS

Question

After reading and processing a query-string value from the URL, for example

http://myurl.com/#/?foo=baa

I can change the URL to

http://myurl.com/#/?foo=

by using

$location.search('myQueryStringParameter', '');

How do I get rid of the query-string altogether (without explicit redirects or server side action and so on) so that only

http://myurl.com/#/

remains in the browser? It should be fairly simple, but I can't find any reference.

toxaq · Accepted Answer · 2014-09-17 21:36:08Z

46

You were close, you needed to set null

$location.search('myQueryStringParameter', null);

From ng.$location documentation

If search is a string, then paramValue will override only a single search parameter. If paramValue is an array, it will set the parameter as a comma-separated value. If paramValue is null, the parameter will be deleted.

edited Sep 17, 2014 at 21:36

answered Nov 10, 2013 at 8:38

toxaq

6,8873 gold badges50 silver badges57 bronze badges

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

4 Comments

Alessandro Over a year ago

This for some reason is deleting all my parameters. If I have name=Olly&position=forward and I call $location.search(position, null), everything gets deleted.

toxaq Over a year ago

@Alessandro if you can create a test project that reproduces it log it as a bug. It has worked as documented for me for a long (in Angular land) time now.

saf Over a year ago

@toxaq but it reloads the page

toxaq Over a year ago

@saf that's true of any change to $location.search you need reloadOnSearch:false in your route (if using default routing).

Buu · Accepted Answer · 2013-09-16 16:50:37Z

28

Try this:

$location.url($location.path())

See documentation for more information.

answered Sep 16, 2013 at 16:50

Buu

50.5k6 gold badges72 silver badges85 bronze badges

4 Comments

saf Over a year ago

but it reloads the page

Korayem Over a year ago

This clears all querystring key/value-s. What if I just want to remove only one of them?

Korayem Over a year ago

@saf don't forget to set reloadOnSearch:false in your route

Aman Srivastava Over a year ago

It gives error - 'transition superseded' in the console.

Denys Feshchenko · Accepted Answer · 2015-05-21 07:55:12Z

9

The easiest solution is to do the same as internaly in $location.url

$location.search('')

answered May 21, 2015 at 7:55

Denys Feshchenko

1902 silver badges6 bronze badges

Comments

Shiv Kumar Sah · Accepted Answer · 2014-08-06 11:12:58Z

-2

try this

$location.url('/');

See documentation for more information.

answered Aug 6, 2014 at 11:12

Shiv Kumar Sah

1,0861 gold badge13 silver badges17 bronze badges

1 Comment

Ashwin Over a year ago

This would redirect the user to the root path and that's NOT what the OP wanted.

Collectives™ on Stack Overflow

Removing the querystring in AngularJS

4 Answers 4

4 Comments

4 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

4 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related