שיעור 28- אנגולר – לוגיקה ראשונית בקומפוננטה + directives

שלום לכולם,

השיעור למדנו על DIRECTIVE באנגולר – מסוג ngFor,ngIf

תרגול כיתה:

כמו שכבר בנינו בעבר, בנו הפעם באנגולר אפליקציה של רשימת קניות.

הרשימת מוצרים מוצגת על ידי שימוש ב ngFor.

ברגע שיוצרים מוצר חדש אתם מוסיפים אותו למערך בתור אובייקט.

ברגע שלוחצים על מחיקה (X) אתם מבצעים מחיקה של המוצר מרשימת הקניות.

במידה ומנסים להוסיף מוצר בלי להוסיף שם – אתם תציגו הודעה שחובה למלא שם (על ידי ngIf)

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

 

שיעורי בית:

בנו יומן !

ביומן יש טבלה של כל ימות השבוע.

אפשר להוסיף משימה ולבחור לאיזה יום בשבוע אנחנו רוצים להוסיף אותה.

כל משימה היא אובייקט, שמכיל משתנה בשם day שבו יש את הערך של אותו יום שהמשימה מקושרת אליו.

הערות:

אפשר לממש את זה ב 2 צורות לבחירתכם – או מערך נפרד לכל יום בשבוע ו ngFor עליו ב html

או מערך אחד  שמכיל את המשימות של כל הימים ב html  משלבים ngIf ומציגים את המשימה בתנאי שהיום בשבוע שייך לאותו יום

משהו בסגנון הבא:

1
*ngIf="task.day=='sunday'"

 

בהצלחה!

התרגיל להגשה עד 25/2