angular ui-router change url with no controller reload

Question

I'm working on a project with angular 1.6.x and ui-router 1.0.x

I want to change the browser url without reloading states, to do so I tried this :

   $state.transitionTo($state.$current.name, {param1: "value"}, {
                location: true,
                inherit: true,
                relative: $state.$current,
                reload: false,
                //Seems to be deprecated...
                notify: false
            });

I just want to change the param1 value in url, but transitionTo reloads my current state and so destroy and re-create my controller.

I previously worked with ui-router 0.x and the notify parameter worked for that.

How can I do this with ui-router 1.0.x ?

Thank you !

bizibiz17 · Accepted Answer · 2017-05-11 13:58:42Z

1

The fact is I was not in the right direction !

To do so I have to define the parameter as a dynamic :

https://ui-router.github.io/ng1/docs/latest/interfaces/params.paramdeclaration.html#dynamic

Thanks to @Anber

answered May 11, 2017 at 13:58

bizibiz17

315 bronze badges

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

Comments

Fritz Herbers · Accepted Answer · 2017-05-10 13:45:37Z

0

I think it is a bug (using ui-router 1.0.3).

Definition:

.state('app.order', {
        url: '/order/:id',
        params: { 
            id: { value: null }    // id is optional
        },
        .....

Tried all variants:

 some_id can either be an int or null

 $state.go('.', {
            id: some_id
        }, { location: true });

 $state.go('.', {
            id: some_id
        }, { location: "replace" });

 $state.go('.', {
            id: some_id
        }, { location: true, reload: false });

 $state.go('.', {
            id: some_id
        }, { location: "replace", reload: false });

answered May 10, 2017 at 13:45

Fritz Herbers

12211 bronze badges

Collectives™ on Stack Overflow

angular ui-router change url with no controller reload

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related