正則表達式與NG-如果

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> 

我需要顯示上述消息時，「MYPASSWORD！= ConfirmPassword」和正則表達式「/^(?=.*\d).{4,8}$/」不是如何使用ng-if使用正則表達式？任何幫助將不勝感激。

Answer 1

在您的輸入字段中，添加您所需的模式。

<input type="password" ng-model="MyTest.Item.MyPassword" ng-pattern="/^(?=.*\d).{4,8}$/"/>

這將確保您的窗體的$valid是真的

，並在您div添加附加條件：

ng-if="MyTest.Item.MyPassword != MyTest.Item.ConfirmPassword && myForm.$invalid"

Answer 2

在您的看法：

ng-if="isValid()" 

在您的控制器中：

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