Why is this valid regex is not accepted by angular 2

Question

This regex string is valid (see https://regex101.com/r/cL2wT3/2):

^(\+27|27|0)\s?(\d{2})[-\s]?(\d{3})[-\s]?(\d{4})$

But for some reason Angular 2 throws:

EXCEPTION: Error in ./App class App - inline template:5:8 caused by: nothing to repeat

You can see this in the console as soon as you start typing in the text box of this plnkr.

Why is this string not accepted by the validator?

`/^^(+27|27|0)s?(d{2})[-s]?(d{3})[-s]?(d{4})$$/` see those `^^` and `$$` ? — Roko C. Buljan, Oct 14 '16 at 16:50
You passed the regex as a string literal so you need to double the backslashes. Since such patterns are anchored by default you can omit anchors. — Wiktor Stribiżew, Oct 14 '16 at 17:03

score 2 · Accepted Answer · answered Oct 14 '16 at 17:27

2

Escaping '\' is needed. So it should be

^(\\+27|27|0)\\s?(\\d{2})[-\\s]?(\\d{3})[-\\s]?(\\d{4})$

answered Oct 14 '16 at 17:27

g.sui

Ah this is such a rookie error. Should have seen it. Thanks. – Niel de Wet Oct 15 '16 at 16:12

1 Answers1