תנאים ולולאות משפיעים על הדרך שבה אנחנו רואים את התוכן בתבנית. על מנת להשפיע על מבנה הדף נשתמש ב-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 שמכיל קוד לאיך אנחנו רוצים להציג את המידע שלנו […]
הרבה מותגים גדולים משתמשים באנגולר באתר שלהם. למשל: עמוד הבית של מיקרוסופט, פורבס, פלטפורמת השיווק של גוגל, IBM, פייפאל ועוד. מה זה אומר? שאנגולר היא פלטפורמה שמובילה בפיתוח לאינטרנט ובחירה של עסקים מובילים, והיא הולכת להשאר כאן לאורך זמן. סיבות טובות להשתמש באנגולר תמיכה של גוגל אחד היתרונות הגדולים של אנגולר זה התמיכה של גוגל. […]
מה זה Observables? אנחנו משתמשים ב-Observables לבצע פעולות א-סינכרוניות ולטפל במידע א-סינכרוני. עוד דרך לטפל במידע א-סינכרוני ב-JS הוא על ידי שימוש ב-Promises. הקוד ב-JS מתבצע שורה אחרי שורה. כששורה אחת מסיימת את הפעולה שלה, נקראת השורה הבאה. אם משימה לוקחת הרבה זמן, למשל יש לנו הבאת נתונים ממסד נתונים, השורה הבאה תצטרך להמתין הרבה […]
מייקרוסופט רצתה לתת מענה לפיתוח מערכות שהן לאו דווקא פועלות על windows. קיצורים: CTRL+F5 – מריץ בלי debug. F5 – מריץ עם debug. במקום שתהיה תיקייה של references שהבעיה איתה שיש הפניות לקבצים מקומיים ואז הם לא בטוח הולכים עם הפרוייקט וגם אם כן משתנה להם הנתיב, מוסיפים תוספים דרך nuget אז נשמרת הגרסה, ואם […]
מה זה Reactive Programming? Reactive Programming הוא פיתוח א-סנכרוני שמטפל במידע והשינוי שלו לאורך חיי התוכנית. Rxjs היא ספרייה עבור Reactive Programming שמשתמשת ב-Observables. מה שאומר שהתוכנית שלנו יכולה "להגיב" לשינויים כמו אירועי לחיצה על כפתורים ומידע שמגיע לתוכנית מה-DB בלי שאנחנו צריכים במפורש לנהל את האירועים האלה. בדרך כלל יש לנו אירועים ואנחנו קוראים […]
בטפסי אנגולר פשוטים – Template Forms הלוגיקה של הטוס נמצאת בתוך קובץ ה-HTML. נראה דוגמא של טופס כזה עם טופס פשוט שמכניסים אליו מייל וצריך לוודא שהמייל תקין. בשביל זה אני מייצרת קומפוננטה בשם SimpleForm. Template Forms כדי להתחיל לעבוד עם הטפסים נייבא את הספרייה שמטפלת בטפסים. קובץ app.module.ts בקובץ ה-HTML נייצר את שדה הקלט […]