ฉันจะต้องการอินพุตแบบฟอร์มที่มีเงื่อนไขด้วย 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' >