How to keep the querystring during navigation in angularjs?

Question

I want to keep the query string while navigating:

http://localhost/#/test/page1?param=123

My navigation links are as follows:

<a ng-href="test/page2>

When I click the link, the url changes to: http://localhost/#/test/page2 and the query string is removed.

Question: how can I keep the query?

What's the problem to use <a ng-href="test/page1?param=123">? — michelem
– michelem, Commented Sep 22, 2015 at 9:02
I get the query from user input, I do not define the query myself. Thus I have to preserve it,. — membersound
– membersound, Commented Sep 22, 2015 at 9:06
You can use $locationChangeStart callback and add querystring to URL — Tushar
– Tushar, Commented Sep 22, 2015 at 9:07
Is it must to keep query string in url? instead use a service to keep it in ngcookie and retrive back on next page — Nishith Kant Chaturvedi
– Nishith Kant Chaturvedi, Commented Sep 22, 2015 at 9:09

lukkea · Accepted Answer · 2015-09-22 11:11:42Z

1

If you are happy to not use ng-href you can do this very cleanly and simply using $location.path() like this:

In your controller declare a function that ultimately does this:

$scope.sendToNewPlace = function (path) {
    $location.path(path);
}

(don't forget to inject $location into your controller (or where-ever you ultimately put the $location.path() call).

Then change your links to use ng-click like this:

<a href="#" ng-click="sendToNewPlace('test/page2');">page2, passing querystring</a>

edited Sep 22, 2015 at 11:11

answered Sep 22, 2015 at 11:04

lukkea

3,6242 gold badges39 silver badges52 bronze badges

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

Comments

VizardCrawler · Accepted Answer · 2015-09-22 09:14:21Z

0

$scope.$on('$locationChangeStart', function(event, next, current) {
//next: holds the new Url
//current: holds the old Url
});

For more Reference : https://docs.angularjs.org/api/ng/service/$location

answered Sep 22, 2015 at 9:14

VizardCrawler

1,30310 silver badges16 bronze badges

2 Comments

membersound Over a year ago

So and how can I change the target url? I tried the following, which changes the next variable, but the browser url is not changed! next = next + "?" + current.split('?')[1]

Petr Averyanov Over a year ago

function(string1) { string1 = string1 + "anything"} will never change 'string1' )

Collectives™ on Stack Overflow

How to keep the querystring during navigation in angularjs?

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related