Query string parameter in ui-router urls?

Question

I have these states:

.state('quotes', {
  abstract: true,
  url: '/quotes'
})
.state('quotes.new', {
  url: '/new',
  templateUrl: 'views/quote-form.html',
  controller: 'QuoteFormCtrl'
})
.state('quotes.new.customer', {
  url: '?customer',
  templateUrl: 'views/quote-form.html',
  controller: 'QuoteFormCtrl'
})

When I hit the URL /quotes/new?customer=123 the ?customer query string is stripped off, and I am left at the quotes.new state.

What would make most sense to me is just adding a params: ['customer'] to the quotes.new state definition, but that gives me an error complaining that I specify both url and params.

Any examples of what I'm trying to do would be much appreciated.

calebboyd · Accepted Answer · 2015-07-15 03:47:44Z

47

You should modify the url string property to include your customer query parameter, like this:

.state('quotes.new', {
  url: '/new?customer',
  templateUrl: 'views/quote-form.html',
  controller: 'QuoteFormCtrl'
});

Multiple parameters can be added by separating them with an &:

.state('mystate', {
  url: '/myState?paramOne&paramTwo
  //...
});

See the docs

edited Jul 15, 2015 at 3:47

answered Dec 9, 2013 at 1:47

calebboyd

5,7332 gold badges25 silver badges32 bronze badges

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

7 Comments

kbanman Over a year ago

Thanks. I knew it had to be simpler than I was making it.

connorbode Over a year ago

how does this work with $state.go? $state.go('quotes.new', {customer: 'dave'}) ?

calebboyd Over a year ago

yup

jlee Over a year ago

how does this work with multiple parameters in query string? url: '/new?customer&format'?

Nirav Gandhi Over a year ago

So you can't expect a random query param in the url and access it?

|

Collectives™ on Stack Overflow

Query string parameter in ui-router urls?

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related