Regex with ng-if

Question

  <div class="row" ng-if="MyTest.Item.MyPassword != MyTest.Item.ConfirmPassword">
       <div class="col-md-12">
      <p class="red-color"> Password must be between 4 and 8 digits long and include at least one numeric digit And Passwords must match! </p>
        </div>
 </div>

I need to show the above message when "Mypassword != ConfirmPassword" and the regex '/^(?=.*\d).{4,8}$/' is not fulfilled with the password field.How can I use regex with ng-if ? Any help would be highly appreciated.

Solution

On your view:

ng-if="isValid()"

in your controller:

$scope.isValid = function(){
   return MyTest.Item.MyPassword == MyTest.Item.ConfirmPassword 
          && yourRegexp.test(MyTest.Item.MyPassword);
}

Comments

[Sampath]

How can we call a function within a ng-if ? it should be a boolean value no ?

[Artyom Pranovich]

@Sampath, yes. But my isValid() function returns boolean value too. See the following example: jsfiddle.net/JuS7W

[caden311]

This isn't great practice. That function isValid will be called infinitely. Thus performance suffers.