שיעור 55 – טפסים באנגולר Reactive Forms,Template driven forms

שלום לכולם,

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

ראינו 2 סוגי טפסים שונים

1. Reactive-Forms
2. TemplateDriven Forms

למדנו על Two-Way Data binding והתקשורת בין הטופס לקומפוננטה ולשרת.

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

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

ובהמשך ראינו דוגמא מלאה של שליחת נתונים מהטופס לשרת NodeJS בשילוב httpClient.

שיעורי בית:

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

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

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

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