אנגולר - מתכון מהיר לניתובים - routing

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

התקינו את אנגולר לשורת הפקודה:

צרו אפליקצית אנגולר חדשה. בשאלה על routing ענו כן. בחרו מפרש CSS מועדף (עליי SCSS):

צרו רכיב חדש:

צרו רכיב נוסף:

מחקו את התוכן בקובץ: app.component.html פרט לשורה: <router-outlet></router-outlet>

פתחו את הקובץ: src/app/app-routing.module.ts

יבאו את שני הרכיבים והוסיפו הגדרות ניתוב למערך routes. הקובץ צריך להיראות כך:

app-routing.module.ts

פתחו את הדפדפן בכתובות הבאות ותמצאו את התוכן של הרכיבים החדשים שיצרתם:

http://localhost:4200/test-component1

http://localhost:4200/test-component2