בלי Form builder, לכל שדה שאנחנו מגדירים צריכים להשתמש במילה new. comp.ts עם Form builder ההגדרה של הטופס נקייה יותר. comp.ts כדי להשתמש ב-Form builder צריך לייבוא לתוך ה-app.module את הספרייה: comp.ts ולהוסיף אותה ל-import. שדה select כדי להוסיף שדה sekect עם ערכים בתוכו נגדיר את השדה בטופס שלנו: comp.ts בטופס עצמו: comp.html לבדיקת הסטטוס […]

כשעושים ולידציה לשדה בטופס מקבלים קוד שאומר האם הולידציה עברה או נכשלה. הקוד הזה נמצא בתוך fieldName.errors. כל ולידציה היא פונקציה שמקבלת control: AbstractControl ומחזירה ValidationErrors | null. נניח שאנחנו רוצים לעשות ולידציה לשם משתמש כך שהוא מחרוזת ללא רווחים. בתוך הקומפוננטה נשים את הפונקציה של הולידציה. comp.ts בהגדרת שדות הטופס, נחבר את פונקצית הולידציה. comp.ts בטמפלט נשתמש […]

Reactive Forms נותנים לנו אפשרות שליטה גדולה יותר וגמישות בבניית טפסים. מבנה הטופס מוגדר בתוך קובץ ה-ts. כדי להשתמש ב-reactive forms צריך לייבא אותם ל-app module. app.module.ts הגדרת טופס Reactive Form גם לקומפוננטה צריכים לייבא את רכיבי הטפסים. formComponent.ts אפשר גם לתת ערך ברירת מחדל לשדה בטופס. formComponent.ts Form disable אפשר להגדיר שדה כ-disabled. אחרי […]