Як я можу умовно вимагати введення форми за допомогою 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.

Для кутових2

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