שלום לכולם,
השיעור נפתח בתרגיל הבא – לתרגול יצירה של קומפוננטות :
צרו אפליקציית אנגולר עם 4 קומפוננטות על פי המבנה הבא:
כאשר כל הקומפוננטות מתארחות בקומפוננטה Main.
והקומפוננטה Main מתארחת ב app-component הראשי.
לאחר התרגיל, תרגלנו עבודה עם ngFor על ידי הצגת מערך של אובייקטים.
בהמשך השיעור, העברנו את המשתמשים מהתצוגה בקומפוננטה הראשית לקומפוננטה יעודית של User-Card .
ולמדנו איך מעבירים נתונים מקומפוננטת האב לקומפוננטת הילד.
שיעורי בית:
ליצור אפליקציה של Notes על פי המבנה הבא:
עליכם ליצור את הקומפוננטות הבאות :
- Main – קומפוננטה ראשית של האפליקציה , בתוכה יהיה טופס HTML של הוספת פתקיות, וברגע שיוסיפו פתקית תצרו אובייקט חדש לאותה פתקית ותוסיפו אותו למערך של הפתקיות. היא תארח את הקומפוננטה Board.
- BOARD – קומפוננטה שמייצגת את ה"לוח" משימות, היא תקבל מהאבא ( MAIN) מערך שבתוכו יהיה את כל האובייקטים של הפתקים.
- NOTE – קומפוננטה שתהיה בתוך הקומפוננטה BOARD , היא תופיע מספר פעמים בהתאם לכמות הפתקים, היא תקבל מהאבא את התאריך, שעה, ותיאור המשימה.