שיעור 40 – טפסים – Template-Driven, validators,FormsBuilder

שלום לכולם,

השיעור למדנו על טפסים באנגולר.

בהתחלה עשינו חזרה על טפסים רגילים ב HTML, סוגי קלט וצורת תקשורת של טופס רגיל עם שרת.

בהמשך, עשינו את ההבחנה והשינוי בין טפסי HTML רגילים לטפסים באנגולר.

ראינו סוג אחד של טופס באנגולר ששולח את הנתונים לקומפוננטה (ומשם לשרת) והוא מסוג TEMPLATE DRIVEN.

למדנו על flags שאנגולר מנהל עבורנו בטופס

1. dirty – בודק שינויים במידע
2. touched – בודק האם היה בפוקוס
3. valid – בודק האם הפקד/הטופס תקין

שיעורי בית:

לבנות טופס  עם ולידציות  (ההערות של הולידציות מופיעות רק אחרי שהשדה היה בפוקוס)

הטופס נראה כך בצורה הראשונית:

ולאחר שהשדות היו בפוקוס והקלט לא תקין ההערות מופיעות:

קבצי השיעור להורדה