Jak warunkowo wymagać danych wejściowych formularza za pomocą AngularJS?

Załóżmy, że budujemy aplikację książki adresowej (wymyślony przykład) z AngularJS.

Mamy formularz dla kontaktów z danymi wejściowymi dla adresu e-mail i numeru telefonu, i chcemy wymagać jednego lub drugiego , ale nie obu : chcemy, aby emaildane były wymagane tylko wtedy, gdy phonedane są puste lub nieprawidłowe i odwrotnie.

Angular ma requireddyrektywę, ale z dokumentacji nie wynika jasno, jak jej użyć w tym przypadku. Jak więc możemy warunkowo wymagać pola formularza? Napisz niestandardową dyrektywę?

Nie ma potrzeby pisania niestandardowej dyrektywy. Dokumentacja Angulara jest dobra, ale nie kompletna. W rzeczywistości istnieje tak zwana dyrektywa ngRequired, która przyjmuje wyrażenie kątowe.

<input type='email'
       name='email'
       ng-model='contact.email' 
       placeholder='your@email.com'
       ng-required='!contact.phone' />

<input type='text'
       ng-model='contact.phone'             
       placeholder='(xxx) xxx-xxxx'
       ng-required='!contact.email' />  

Oto bardziej kompletny przykład: http://jsfiddle.net/uptnx/1/

jeśli chcesz wstawić wymagane dane wejściowe, jeśli inne są zapisane:

   <input type='text'
   name='name'
   ng-model='person.name'/>

   <input type='text'
   ng-model='person.lastname'             
   ng-required='person.name' />  

Pozdrowienia.

Proste użycie walidacji kątowej, takiej jak:

 <input type='text'
   name='name'
   ng-model='person.name'
   ng-required='!person.lastname'/>

   <input type='text'
   name='lastname'
   ng-model='person.lastname'             
   ng-required='!person.name' /> 

Możesz teraz wypełnić wartość tylko w jednym polu tekstowym. Możesz podać imię lub nazwisko. W ten sposób możesz użyć warunkowego wymaganego wypełnienia w AngularJs.

Dla Angular2

<input type='email' 
    [(ngModel)]='contact.email'
    [required]='!contact.phone' >