Как я могу условно требовать ввода формы с AngularJS?

Предположим, мы создаем приложение адресной книги (надуманный пример) с AngularJS.

У нас есть форма для контактов, в которой есть вводы для электронной почты и номера телефона, и мы хотим требовать одно или другое , но не оба : мы хотим, чтобы emailввод требовался только в том случае, если phoneввод пуст или недействителен, и наоборот.

Angular имеет requiredдирективу, но из документации не ясно, как ее использовать в этом случае. Итак, как мы можем условно требовать поле формы? Написать пользовательскую директиву?

Там нет необходимости писать пользовательские директивы. Документация Angular хорошая, но не полная. На самом деле , существует директива ngRequired, которая принимает угловое выражение.

<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' />  

Вот более полный пример: http://jsfiddle.net/uptnx/1/

если вы хотите поставить обязательные входные данные, если написано другое:

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

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

С уважением.

Просто вы можете использовать угловую проверку, например:

 <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' /> 

Теперь вы можете заполнить значение только в одном текстовом поле. Либо вы можете заполнить имя или фамилию. Таким образом, вы можете использовать условное обязательное заполнение AngularJs.

Для Angular2

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