AngularJSでフォーム入力を条件付きでどのように要求できますか？

AngularJSを使用してアドレス帳アプリケーション（不自然な例）を構築しているとします。

メールと電話番号の入力がある連絡先のフォームがあり、どちらか一方を必須にしたいが両方はemail必要ではない場合：phone入力が空または無効である場合にのみ入力が必須であり、その逆も同様です。

Angularにはrequiredディレクティブがありますが、この場合のドキュメントの使い方はドキュメントから明確ではありません。では、条件付きでフォームフィールドをどのように要求できるでしょうか。カスタムディレクティブを記述しますか？

カスタムディレクティブを記述する必要はありません。Angularのドキュメントは良いですが完全ではありません。実際、と呼ばれるディレクティブngRequiredがあり、Angular式を受け取ります。

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

これで、1つのテキストフィールドのみに値を入力できます。名前または姓を入力できます。このようにして、AngularJで条件付きの必須の塗りつぶしを使用できます。

Angular2の場合

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