Como posso exigir condicionalmente entradas de formulário com o AngularJS?

Suponha que estamos construindo um aplicativo de catálogo de endereços (exemplo artificial) com AngularJS.

Temos um formulário para contatos que possui entradas para e-mail e número de telefone e queremos exigir um ou outro , mas não ambos : Queremos que a emailentrada seja necessária apenas se a phoneentrada estiver vazia ou inválida e vice-versa.

Angular tem uma requireddiretiva, mas não está claro na documentação como usá-lo neste caso. Então, como podemos exigir condicionalmente um campo de formulário? Escrever uma diretiva personalizada?

Não há necessidade de escrever uma diretiva personalizada. A documentação da Angular é boa, mas não completa. De fato , existe uma diretiva chamada ngRequired, que recebe uma expressão angular.

<input type='email'
       name='email'
       ng-model='contact.email' 
       placeholder='[email protected]'
       ng-required='!contact.phone' />

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

Aqui está um exemplo mais completo: http://jsfiddle.net/uptnx/1/

se você quiser colocar uma entrada necessária se outra for escrita:

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

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

Saudações.

Simples, você pode usar a validação angular como:

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

Agora você pode preencher o valor em apenas um campo de texto. Você pode preencher o nome ou o sobrenome. Dessa forma, você pode usar o preenchimento obrigatório condicional em AngularJs.

Para Angular2

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