אפשר לשנות את הדרך שבה מוצג המידע בדף ה-html. Built-in Pipes נגדיר משתנים לדוגמא: ts file נראה את הניתובים של המידע html file Custom Pipes אפשר לבנות pipe מתואמים אישית, כך שהמידע שעובר בהם יוצג בדרך שאנחנו רוצים. אנחנו מייצרים פונקציה שתקבל את הערך מתוך ה-html ותחזיר לנו תצוגה שונה. כדי ליצור את ה-pipe: נקבל […]
Parent to child הצהרה על המשתנה בקומפוננטה של ה-parent. Parent ts file שליחת המשתנה ל-child כשקוראים לקומפוננטה של ה-child לתוך משתנה parentData של ה-child. Parent html file קבלת הערך של המשתנה על ידי הגדרת המשתנה כ-Input ב-child. Child ts file שימוש בערך שקבלנו ב-child בתוך הקומפוננטה של ה-child. Child html file דוגמא של filter תאור יש […]
תנאים ולולאות משפיעים על הדרך שבה אנחנו רואים את התוכן בתבנית. על מנת להשפיע על מבנה הדף נשתמש ב-directives. ngIf מציגים את האלמנט רק אם התנאי נכון. component html file אפשר להשתמש בערכים של משתנים על מנת להעריך את התנאי: אפשר להשתמש באפשרות של else כדי לתת תבנית אלטרנטיבית במקרה שהתנאי לא מתקיים: אפשר להשתמש […]
הפעלת אירוע מתוך ה-template כדי להעביר מידע מה-class ל-template אנחנו משתמשים ב-properties. משתנים שמוגדרים ב-class וזמינים לנו לשימוש ב-template. מה קורה כשרוצים להעביר מידע בכיוון ההפוך, מה-template ל-class? משתמשים באירועים. טריגר של אירוע מתוך התבנית: קוראים לאירוע ה-click שמפעיל את הפונקציה onClick שנמצאת ב-class. html file בקובץ ה-class אפשר לבצע פעולות בתוך הפונקציה. ts file […]
קומפוננטה היא הרכיב הכי בסיסי בתוכנית אנגולר. תוכנית אנגולר בנויה כמו משחק לגו, יש לנו אבני בנין ומהם אנחנו יכולים לבנות כל מיני מבנים שונים. יש לנו את קומפוננטת הבסיס, שתופיע כשהאפליקציה שלנו תעלה, וממנה אנחנו ממשיכים לקרוא ולהעלות את שאר הקומפוננטות.בפשטות, קומפוננטה היא קובץ Html שמכיל קוד לאיך אנחנו רוצים להציג את המידע שלנו […]