ng-pattern gives "Lexer Error"?

Question

As an attribute of an input element I have:

ng-pattern="^\d{5}(?:[-\s]\d{4})?$"

Whats wrong this this expression?

I get this error:

Lexer Error: Unexpected next character  at columns 0-0 [^] in expression [^\d{5}(?:[-\s]\d{4})?$].

Answer 1

Try to add / before ^ and after the $ sign.

E.g.

ng-pattern="/^\d{5}(?:[-\s]\d{4})?$/"

Hope it helps!

Answer 2

By default angularjs wraps regular expression with ^ and $ symbols. Remove those.

_{Fragment from code:}

var f, g = d.ngPattern || d.pattern;
d.$observe("pattern", function(a) {
     C(a) && 0 < a.length && (a = new RegExp("^" + a + "$"));

Answer 3

If you want to put your regex in code, rather in html:

In controller:

function SomeController() {
    var vm = this;

    vm.regex = /^\d{5}(?:[-\s]\d{4})?$/.source;
}

In html (assuming your controller is aliased as "ctrl"):

ng-pattern="ctrl.regex"