Optional route parameters with prefix (angular ui-router)

Question

I need to register to a state, a route where the parameters has a prefix and a slash (route/to/parPrefix1/:paramValue1/parPrefix2/:paramValue2) and these parameters are all optional, so if the parameter1 is not set, the resulting url should be: route/to/parPrefix2/value2

How can I handle this case?

Then I have a second issue: the date should be specified like this: 20/10/2015 If i solve the first point I could set a parameter per date part, however, is there a more elegant solution?

a real case url: /risultati/destinazioni/:destinations/localita/:locations/partenza/:startingDate/ritorno/:returningDate/adulti/:adults/bambini/:children/eta/:childrenAges/aeroporti/:airports/flessibile/:flexDate/

stephenspann · Accepted Answer · 2015-06-23 14:56:14Z

1

You most likely need to set up multiple routes, that point to the same view:

ex:

route/to/parPrefix1/:paramValue1
route/to/parPrefix1/:paramValue1/parPrefix2/:paramValue2

answered Jun 23, 2015 at 14:56

stephenspann

1,8431 gold badge16 silver badges31 bronze badges

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

4 Comments

Paolo Sanchi Over a year ago

what if the missing parameter is the second one? I've up to 9 optional parameters, should I have to register all the permutations?

stephenspann Over a year ago

After looking over this link github.com/angular-ui/ui-router/issues/108 it looks like you may be able to do something like the following: /route/to/[parPrefix1/:paramValue1[paraPrefix2/:paramValue2]]

Paolo Sanchi Over a year ago

I can't make your example work, I red that page, and I think this was just an implementation suggestion..

stephenspann Over a year ago

Hm ok... Well my only suggestion is be smarter with your URLs to avoid having so many possible routes. Limit it to 2-3 parameters in the URL and the remainder (like date) are in the query string

OB Kenobi · Accepted Answer · 2017-03-14 21:33:45Z

0

I agree with spanndemic, see http://benfoster.io/blog/ui-router-optional-parameters. Also I think that most of that data should be passed via services or values. Such a long url will always make things much more difficult.

answered Mar 14, 2017 at 21:33

OB Kenobi

3052 silver badges12 bronze badges

Collectives™ on Stack Overflow

Optional route parameters with prefix (angular ui-router)

2 Answers 2

4 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Related