Is it possible to use ng-pattern with a variable

Question

I'm terrible with regular expressions but I was wondering if it was possible to use ng-pattern with a variable

For example,

ng-pattern="/^{{validationCode}}$/"

where validationCode is a variable attached to $scope in a controller

// Inside Controller
$scope.validationCode = 'response returned from server'

If

$scope.validationCode = 1234123412351234

then the ng-pattern would be

ng-pattern="/^1234123412351234$/"

But this isn't working and it seems like I need to create a custom directive which I don't really want

Oh...you know what... I think I found a similar question...crap stackoverflow.com/questions/494035/… — abcf
– abcf, Commented Feb 25, 2015 at 23:08

New Dev · Accepted Answer · 2015-02-25 23:11:45Z

31

ng-pattern expects a regex expression.

From Angular's documentation about ng-pattern:

Sets pattern validation error key if the value does not match the RegExp pattern expression. Expected value is /regexp/ for inline patterns or regexp for patterns defined as scope expressions.

In other words, you could create a RegExp in the controller:

$scope.pattern = new RegExp(patternFromServer);

and use it:

<input ng-model="foo" ng-pattern="pattern">

answered Feb 25, 2015 at 23:11

New Dev

49.8k12 gold badges99 silver badges140 bronze badges

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

Collectives™ on Stack Overflow

Is it possible to use ng-pattern with a variable

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related