Angular 4 - Service
פרקי ההרצאה: Angular 4 - Service
תמלול ההרצאה: Angular 4 - Service
הטקסט המלא של הדקות הראשונות בהרצאה «Angular 4 - Service» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.
שלום לכולם בהרצאה הקודמת העברנו מידע בין הקומפוננטות על ידי פרופרטי מאפיין כמו href רק מאפיין משלנו קראנו לו products to buy והבאנו לו איזשהו ערך במקרה הזה cart כאשר הקומפוננטה שלנו upcart זה למעשה סלקטור ששמנו בתוך הקומפוננטה upcart כשאנחנו עובדים בשיטה כזאת אנחנו יכולים לעשות איזשהו מאפיין ולעשות לו
input וזה עובד לנו אנחנו יכולים לעשות input למאפיין אנחנו יכולים לעשות לו שם חיצוני ושם פנימי שונים שזה נקרא אליאס בחוץ הוא נקרא product to buy ואצלנו בתוך הקוד הוא נקרא קארט ואנחנו יכולים לעשות אפילו פונקציה שמתחזה למשתנה פשוט זה נקרא סתר כל זה עשינו בהרצאה הקודמת וזה מצוין להעביר ככה מידע כאשר
אנחנו קוראים לרכיב לקומפוננטה על ידי מאפיין על ידי רופרטי של תגית אבל מה יקרה אם אני רוצה לטעון את הרכיב הזה את הקומפוננטה הזאת על ידי תפריט נניח על ידי ראוטינג בוא נלך ונעשה פה ראוטינג חדש נעשה פה ראוטינג חדש ונקרא לו מיי קארט אוקיי או פשוט קארט ונכתוב פה מיי קארט סל הקניות שלי או מיי שופינג ליסט בוא נקרא לו מיי אוקיי עכשיו אני לוקח את הדבר הזה ואני רוצה לקרוא לקומפוננטה דרך התפריט אני צריך גם
בראוטינג לרשום פה את קיומו של הקומפוננטה הזאת נקרא לה cart ואיזה אימפורט צריך את האימפורט שלה ונגיד כשקוראים לפאת' הזה להתאים את הקומפוננטה הזאת יפה מאוד עכשיו שימו לב מה יקרה אנחנו מפעילים את הקומפוננט על ידי הראוטינג וכשאנחנו מפעילים אותה על ידי הראוטינג, לא מתבצעת העברת המידע על ידי הפרופרטי, על ידי המאפיין הזה.
בואו נראה, נעשה ביי ביי, סל הקניות שלי מתמלא, ואחרי שהוא התמלא, הכל בסדר פה, אבל כשאני בא לאותו סל קניות מכאן, הוא נהיה ריק, כי הוא לא קיבל מידע.
אז השיטה הזאת שבה עבדנו בלהעביר את המידע היא טובה כשקומפוננטה תמיד בתוך קומפוננטה אחרת. שבתוך קומפוננט הפרודקט ליסט מופעלת קומפוננטה אחרת זאת שיטה טובה להעביר מידע אבל זאת לא שיטה שיכולה לעבוד במקרה של ראוטינג ולכן אני מוותר על השיטה הזאת כי היא לא עונה
לי לצרכים יותר ואני הולך לעשות סרוויס חדש אני הולך ליצור סרוויס חדש שהוא יהיה מחובר בו זמנית לשתי הקומפוננטות בואו נעשה את זה למעשה הסרוויס זה קובץ טייפ סקריפט רגיל זה קלאס רגיל שמודול הראשי מפעיל אותו ומזריק אותו פוזמנית לכל מי שצריך אותו.
בואו נראה איך יוצרים סרוויס ואיך מזריקים אותו לכל הלקוחות שרוצים להשתמש בו. דבר ראשון, אני סוגר את הקומפוננטות והולך לסרוויסט. זו סתם תיקייה ריקה, כרגע שימו לב, זו תיקייה סתם תיקייה ריקה.
שלא תחשבו שזה איזה קסם, סתם תיקייה ריקה. ואני הולך בתוך התיקייה הזאת ליצור קובץ חדש, אייטם קובץ חדש מסוג טייפ סקריפט ולקרוא לו כרט נקודה סרוויס כרט נקודה סרוויס אד נוצר לי קובץ וזה קובץ ריק עכשיו אני משתמש לוחץ קונטרול רווח עכשיו אני לוחץ קונטרול רווח כותב ng2 ng2 ויש לי פה סניפטים מוכנים כי עדכנתי בהרצאה הראשונה
את הסניפט שיהיה לי קוד מקוצר כדי לא לרשום הכל מאפס ויש לי פה סרוויסים אני יורד לסרוויסים עושה טאפ טאפ הנה הוא כותב לי אימפורט אינג'קטאבל שהאינג'קטאבל הזה זה למעשה הסרוויס שאפשר לעשות לו הזרקה פה יש פה טעות צריך לתקן את הטעות הזאת ושם של סרוויס שאני צריך להחליף נקרא לזה קארט סרוויס כאן אני רוצה לתקן ולשים שטרודל ולמעשה יש
לי סרוויס מוכן קלאס מוכן שהוא injectable אפשר להזריק אותו ותכף נראה איך מזריקים אותו לכל הקליינטים מה זה אומר להזריק זה אומר לתת את המופע שלו את האינסטנס שלו הקיים בזיכרון לכל מי שצריך כי אחרת קלאס קלאס של קומפוננטה יצטרך לעשות new ולקבל מופע חדש אני לא רוצה מופע חדש אני רוצה אותו מופע לתת לכולם למה כי פה יהיה לי מיישופינג ליסט
אוקיי מיישופינג ליסט שווה מערך ריק אני יודע מה עכשיו שימו לב אני הולך לשים בתוך המערך הריק הזה מוצרים מקומפוננטה אחת ולשלוף בקומפוננטה השנייה ואני רוצה שכל הקומפוננטות יסתכלו על אותו אובייקט בזיכרון אוקיי אותו אובייקט בזיכרון מי יוצר את האובייקט בזיכרון הזה וצריך להכריז עליו זה באפ מודול
אני הולך באפ מודול קודם כל לייבא את זה אימפורט לעשות from נקודה סלאש שנייה תיקיית סרוויסים סלאש קארט סרוויס שזה השם של הקובץ עושה קונטרול רווח הוא מזהה