forms - 我如何有条件地要求使用 AngularJS 进行表单输入？

Question

假设我们正在使用 AngularJS 构建一个地址簿应用程序(人为的示例)。

我们有一个联系人表单，其中包含电子邮件和电话号码的输入，并且我们希望需要其中一个，但不是两者:我们只想要如果电话输入为空或无效，则需要输入电子邮件，反之亦然。

Angular 有一个 required 指令，但从文档中并不清楚如何在这种情况下使用它。那么我们如何有条件地要求表单字段呢？编写自定义指令？

Answer 1

无需编写自定义指令。 Angular 的文档很好，但不完整。 In fact ，有一个名为 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/