Angular ui router change state with query params

Question

How i can go to a state and add query params to the url at the same time? Lets say i have this state:

$stateProvider
           .state('cart', {
            templateUrl: 'client/cart/cart.html',
            url: '/my-cart',           
            controller: 'CartController'
        })

I want from some views to $state.go('cart') and from some views to $state.go('cart') but with query params added to it like, /cart?purchase=complete

Bazinga · Accepted Answer · 2014-12-08 09:27:55Z

1

So i found the answer, i hope it will help for someone else.

$stateProvider
           .state('cart', {
            templateUrl: 'client/cart/cart.html',
            url: '/my-cart?purchase',           
            controller: 'CartController'
        });

And then:

$state.go('cart', {'purchase': 'complete'});

The results will be:

my-cart?purchase=complete

answered Dec 8, 2014 at 9:27

Bazinga

11.3k7 gold badges42 silver badges66 bronze badges

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

Comments

Saqueib · Accepted Answer · 2014-12-08 09:18:33Z

0

try this

$state.go('cart', {'purchase': 'complete'});

answered Dec 8, 2014 at 9:18

Saqueib

3,5184 gold badges36 silver badges58 bronze badges

Collectives™ on Stack Overflow

Angular ui router change state with query params

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