אפשר לשנות את הדרך שבה מוצג המידע בדף ה-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 כדי לתת תבנית אלטרנטיבית במקרה שהתנאי לא מתקיים: אפשר להשתמש […]
אופרטורים ב-Rxjs הם פונקציות שמקבלות Observable כקלט, מבצעות עליו פעולות ומחזירות Observable חדש. אנחנו משתמשים באופרטורים כדי לשנות את המידע שמגיע אלינו דרך ה-Observable. נבנה Observable מתוך ערכים של מערך. Map operator אנחנו רוצים לקחת את הערכים שה-Observable הזה מטריג ולעשות בהם שינוי. נפעיל על ה-Observable את האופרטור map. האופרטור map הוא פונקציה. map מקבל […]
המשך התוכנית ממאמר ההקדמה. הופנקציה Run נכנסת למשפחת ה-Middlewares. כל בקשה שמגיעה לשרת נכנסת דרך Middlewares שהתפקיד שלהם לבצע פעולות על הבקשה. כל אחד מבצע פעולה ואז נקרא ה-Middleware הבא. למשל, אם אני רוצה שיהיה לי לוג כניסה ויציאה של בקשה שמגיעה אפשר לבנות Middleware שיכתוב ללוג בכניסה וביציאה. ואז אפשר גם לדעת כמה זמן […]
הפעלת אירוע מתוך ה-template כדי להעביר מידע מה-class ל-template אנחנו משתמשים ב-properties. משתנים שמוגדרים ב-class וזמינים לנו לשימוש ב-template. מה קורה כשרוצים להעביר מידע בכיוון ההפוך, מה-template ל-class? משתמשים באירועים. טריגר של אירוע מתוך התבנית: קוראים לאירוע ה-click שמפעיל את הפונקציה onClick שנמצאת ב-class. html file בקובץ ה-class אפשר לבצע פעולות בתוך הפונקציה. ts file […]
קומפוננטה היא הרכיב הכי בסיסי בתוכנית אנגולר. תוכנית אנגולר בנויה כמו משחק לגו, יש לנו אבני בנין ומהם אנחנו יכולים לבנות כל מיני מבנים שונים. יש לנו את קומפוננטת הבסיס, שתופיע כשהאפליקציה שלנו תעלה, וממנה אנחנו ממשיכים לקרוא ולהעלות את שאר הקומפוננטות.בפשטות, קומפוננטה היא קובץ Html שמכיל קוד לאיך אנחנו רוצים להציג את המידע שלנו […]