Walidacja warunkowa w AngularJS

Question

Potrzebuję zastosować sprawdzanie poprawności w polu formularza tylko wtedy, gdy spełniony jest określony warunek. Że mam formę tak:

<div ng-controller="MyController"> 
<form name="myForm"> 
    <div> 
    <div class="" ng-class="{error: myForm.gender.$invalid}"> 
    Gender: 
    </div> 
    Male <input type="radio" name="gender" value="M" ng-model="survey.gender" required/> 
    Female <input type="radio" name="gender" value="F" ng-model="survey.gender" required/> 
    </div> 

    <div ng-show="survey.gender == 'F'"> 
    <div class=""> 
    Are you pregnant? 
    </div> 
    Yes <input type="radio" name="pregnant" value="Y" ng-model="survey.pregnant"/> 
    No <input type="radio" name="pregnant" value="N" ng-model="survey.pregnant"/> 
    </div> 
</form> 
</div> 

Chcę, aby na pytanie ciąży wymagane tylko wtedy, gdy użytkownik wybiera płeć żeńską. Czy Angular zapewnia jakąkolwiek weryfikację?

Answer 1

Cóż, właściwie znalazłem dyrektywę, która to robi. Muszę tylko dodać ng-required="survey.gender == 'F'".

Kod wyglądałby następująco teraz:

<div ng-controller="MyController"> 
<form name="myForm"> 
    <div> 
    <div class="" ng-class="{error: myForm.gender.$invalid}"> 
    Gender: 
    </div> 
    Male <input type="radio" name="gender" value="M" ng-model="survey.gender" required/> 
    Female <input type="radio" name="gender" value="F" ng-model="survey.gender" required/> 
    </div> 

    <div ng-show="survey.gender == 'F'"> 
    <div class=""> 
    Are you pregnant? 
    </div> 
    Yes <input type="radio" name="pregnant" value="Y" ng-model="survey.pregnant" ng-required="survey.gender == 'F'"> 
    No <input type="radio" name="pregnant" value="N" ng-model="survey.pregnant" ng-required="survey.gender == 'F'"> 
    </div> 
</form> 
</div> 

Answer 2

Tak, przyjrzeć ng-required. Dokumentacja nie jest dobra, ale niektóre są w tym łączu.

Również tutaj jest question, który jest podobny do twojego, który został zadany we wcześniejszym terminie.