angularjs ui router regex

Question

I'm trying to match 1 paramater that can have 2 kinds of values: 'current' or a number with at least 10 cyphers.

I've tried:

    url: '/history/{code:^current$|^[0-9]{10,}$}'

When I use this regexp I get my app to go to history/current, but when I reload the page it goes back to the default.

Can anyone help by saying what am I doing wrong or how could I debug that?

Radim Köhler · Accepted Answer · 2015-02-05 05:58:52Z

2

There is a working example. The state definition is:

.state('history', { 
    //url: '/history/{code:^current$|^[0-9]{10,}$}',
    url: "/history/{code:current|[0-9]{10,}}",
    templateUrl: 'tpl.html',
})

And these links should do what we expect:

Working:
<a href="#/history/current">history/current</a>
<a href="#/history/0123456789">history/0123456789</a>
<a href="#/history/1234567890123">history/1234567890123</a>

Will FAIL and fall to default:
<a href="#/history/other">history/other</a>
<a href="#/history/012345678">history/012345678</a> - 9 digits
<a href="#/history/123456789a">history/123456789a</a> - a at the end

Check it here

answered Feb 5, 2015 at 5:58

Radim Köhler

124k48 gold badges243 silver badges343 bronze badges

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

1 Comment

Radim Köhler Over a year ago

Would say, that in this case, we do not have to use them... they are redundant, because the rest of the regex is saying the same...

Collectives™ on Stack Overflow

angularjs ui router regex

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related