חיפוש
  • יניב אור

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

עודכן ב: מרץ 21

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


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

צרו אפליקצית אנגולר חדשה. בשאלה על 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




© 2023 by DO IT YOURSELF. Proudly created with Wix.com