Router Outlet

תמלול ההרצאה: Router Outlet

הטקסט המלא של הדקות הראשונות בהרצאה «Router Outlet» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

1. 00:02

   שלום לכולם זאת הרצאה אחרונה בראוטינג מתקדם ואנחנו נסגור פה את הפינות הקטנות של מה שלא דיברנו האמת שעברתי על האתר של אנגולר עצמם על כל התיעוד שלהם ועברתי על כל הראוטינג באתר שלהם ולמעשה עשינו הכל ונשאר רק כמה דברים קטנים שאני רוצה להראות לכם ולתת לכם דגשים אז דוגמה ראשונה שאני רוצה להראות לכם זה על ראוטינג בתוך ראוטינג זאת אומרת ניתוב בתוך ניתוב בואו אני אראה לכם אם

2. 00:31

   אם אנחנו הולכים לרכיב הראשי, וזה דוגמאות שאספתי מאינטרנט מכל מיני אתרים, אנחנו רואים פה שיש לנו בעצם ראוטינג רגיל עם מסגרת ירוקה שטוען שתי קומפוננטות.

3. 00:42

   שימו לב מה קורה בתוך קומפוננטה השנייה, בפנים יש לנו עוד ראוטינג עם מסגרת אדומה, אז יש לנו בתוך ראוטינג עוד ראוטינג, ושימו לב איך כותבים את ה-child 1 ו-child 2, זה למעשה טעינה של הלינקים כאן, כותבים אותם עם נקודה, למעשה זה מטעין את ה-child 1 ו-2 בתוך ראוטינג הפנימי.

4. 01:04

   זה ראוטינג בתוך ראוטינג. ומה קורה ב-child 2? ב-child 2, תראו איזה קטע, יש לו עוד ראוטינג בצבע אורנג'.

5. 01:12

   תראו את זה, child 2 זה ראוטינג בתוך ראוטינג עם צבע אורנג'. אז למעשה יש לי ראוטינג ראשי שהטעין קומפוננטה, בתוכו ראוטינג משני שהטעין קומפוננטה, וראוטינג בפנים שהטעין עוד קומפוננט הזה, כמו בבושקה כזאת.

6. 01:26

   אתם יכולים לראות שאפשר לנווט כמו בתיקיות תעלה אחד למעלה אחד למטה ותטעין את הנסטד נסטד זה אחד בפנים בקיצור אין שום בעיה ממש לעשות ראוטינג בתוך ראוטינג וזה מה שרציתי לספר לכם שבתוך רכיב יכול להיות ראוטינג פנימי בואו נראה איך נראה האפ ראוץ שלהם אתם רואים פה יש רכיב לדוגמה קומפוננט 2 ויש לו children ניתובי משנה ובפנים יש לו עוד ניתובי משנה

7. 01:27

   אז ניתוב בתוך ניתוב בתוך ניתוב אפשר גם היה לעשות את זה בלי צ'ילדרינים אבל זה לא משנה, העיקר שאני רציתי להראות לכם שאפשר לשים אחד בתוך השני, אוקיי?

8. 02:03

   דוגמה הבאה שרציתי להסביר לכם זה איך לעשות שני ראוטינגים באותו דף, לא אחד בתוך השני, הם באותו דף. שימו לב, יש פה ראוטינג לכאן, למסגרת הירוקה, סוליד גרין, ויש עוד ראוטינג בתוך מסגרת הכחולה.

9. 02:18

   עכשיו, איך הוא ידע לאן להתאים את הקומפוננטות? לראוטינג השני יש לו שם, לדוגמה סייד בר, מפריט צד אז אני יכול להגיד לקומפוננטה אחת שתיכנס לכאן ולקומפוננטה שנייה שתיכנס למקום אחר שימו לב איך כותבים את זה אני יכול להגיד תסתכלו קומפוננטה אאוקס מיין ניתוב רגיל אני יכול להגיד לתוך סייד בר תינתב לי את הקומפוננטה הזאת שימו לב עוד פעם אאוקס מיין