Angular dynamic ngPattern

Question

I'm trying to implement dynamic ngPattern.

My regex changes when the user clicks on a button or selects a value from dropdown.

But for some reason this doesnt seem to work. Below is the code.

 app.controller('testController',function(){

    $scope.pattern = new RegExp('^\w{1,10}$');

    $scope.changePattern = function () {
        $scope.pattern = new RegExp('^\d{5}$');
    };

 });

But when i try something like this, it works.

    $scope.pattern = /^\w{1,10}$/;

    $scope.changePattern = function () {
        $scope.pattern = /^\d{5}$/;
    };

I'm not sure why using new RegExp() is not working. The reason I had to use new RegExp() is that I get this in a JSON response as string.

New Dev · Accepted Answer · 2015-05-05 03:42:50Z

2

This is because backlash (\) is a special character that you need to escape with "\\" when you are constructing a string:

$scope.pattern = new RegExp('^\\w{1,10}$');

So this has nothing to do with RegExp or with ng-pattern.

edited May 5, 2015 at 3:42

answered May 5, 2015 at 3:37

New Dev

49.8k12 gold badges99 silver badges139 bronze badges

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

1 Comment

Muralidharan R Over a year ago

Thanks. That saved me sometime. Didnt realize it because of the escape character.

Collectives™ on Stack Overflow

Angular dynamic ngPattern

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