AngularJS UI-Router navigate without removing query params

Question

I'm using UI-Router to manage the states of my application, and I have query params where I save some data about the application.

I'm using ui-sref no navigate to another state, but this removes the query params from the URL. Is there any way to change the state of the application without removing the query params?

Community · Accepted Answer · 2017-05-23 12:08:17Z

3

There is an option {location : false} - check the doc:

go(to, params, options)

... Options object. The options are:

location - {boolean=true|string=} - If true will update the url in the location bar, if false will not. If string, must be "replace", which will update url and also replace last history record.

inherit - {boolean=true}, If true will inherit url parameters from current url.

relative - {object=$state.$current}, When transitioning with relative path (e.g '^'), defines which state to be relative from.

notify - {boolean=true}, If true will broadcast $stateChangeStart and $stateChangeSuccess events.

reload (v0.2.5) - {boolean=false}, If true will force transition even if the state or params have not changed, aka a reload of the same state. It differs from reloadOnSearch because you'd use this when you want to force a reload when everything is the same, including search params.

But I would rather keep such parameters as part of target state url:

How to pass parameters using ui-sref in ui-router to controller

edited May 23, 2017 at 12:08

CommunityBot

11 silver badge

answered Oct 13, 2015 at 8:33

Radim Köhler

124k48 gold badges243 silver badges343 bronze badges

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

3 Comments

Ephi Gabay Over a year ago

Hey, thanks for the comment. But I do want to url to be replaced, but just just the path part, not the query params

Radim Köhler Over a year ago

As I said, there is solution "keep such parameters as part of target state"... so I would suggest to extend target state, and pass these params as well. That would be the native UI-Router solution... Does it help? It could even be driven by state inheritance, so these params are defined by parent and child just profit from it...

Ephi Gabay Over a year ago

Thanks, I ended up passing the params inside the ui-sref (ui-sref="secondPage({param1: value1})") I just thought maybe there is an easier way just to leave the query params as they are.

Collectives™ on Stack Overflow

AngularJS UI-Router navigate without removing query params

1 Answer 1

go(to, params, options)

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related