Làm thế nào tôi có thể yêu cầu điều kiện đầu vào mẫu với AngularJS?

Giả sử chúng tôi đang xây dựng một ứng dụng sổ địa chỉ (ví dụ giả định) với AngularJS.

Chúng tôi có một biểu mẫu cho các liên hệ có đầu vào cho email và số điện thoại và chúng tôi muốn yêu cầu cái này hoặc cái kia , nhưng không phải cả hai : Chúng tôi chỉ muốn emailđầu vào được yêu cầu nếuphone đầu vào trống hoặc không hợp lệ và ngược lại.

Angular có một requiredchỉ thị, nhưng không rõ tài liệu về cách sử dụng nó trong trường hợp này. Vì vậy, làm thế nào chúng ta có thể có điều kiện yêu cầu một trường mẫu? Viết một chỉ thị tùy chỉnh?

Không cần phải viết một chỉ thị tùy chỉnh. Tài liệu của Angular là tốt nhưng không đầy đủ. Trong thực tế , có một lệnh được gọi ngRequired, có biểu thức 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' />  

Dưới đây là một ví dụ đầy đủ hơn: http://jsfiddle.net/uptnx/1/

nếu bạn muốn đặt một đầu vào cần thiết nếu khác được viết:

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

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

Trân trọng.

Đơn giản, bạn có thể sử dụng xác nhận góc như:

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

Bây giờ bạn có thể điền giá trị chỉ trong một trường văn bản. Hoặc bạn có thể điền tên hoặc họ. Theo cách này, bạn có thể sử dụng điền yêu cầu có điều kiện vào AngularJs.

Đối với Angular2

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