סטודנטים/ות יקרים/ות!

הפוסט הנ"ל הינו סיכום קצר של השיעור בנקודות + מכיל את הקבצים שתורגלו בכיתה במהלך השיעור.
אם החומר לא מובן, אפשר לשלוח לי מייל או להתקשר : 050-555-6693 (אשתדל לענות, אם לא שלחו SMS ואחזור אליכם)

זכרו כי המפתח להצלחה הינו

שיעור 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.

שיעורי בית:

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

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

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

 

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

סגירת תפריט