עידן יצחקיכאשר אנחנו עובדים על אפליקציה גדולה עם ריבוי קומפוננטות וה- app.module.ts הופך לרשימת קניות ארוכה ניתן לפצל את המודול בצורה הבאה:
יש בפרויקט את app.module.ts ובתוך ספרית components יש את components.module.ts שיצרתי.
פקודה ליצירת מודול:
ng g m components
בנוסף יש באותה ספריה 2 קומפוננטות נוספות:
Tooltip.component
Home-layout.component
כל מה שיש ב- components.module יכול להתארח אחד אצל השני, כדי שהרכיבים יוכלו להתארח אצל רכיבים שלא נמצאים שם יש צורך להחצין אותם החוצה (export).
ולכן components.module נראה כך:
וב-app.module צריך רק להוסיף רק את components.module :
שימו לב שב-exports יש רק את homeLayout ולא את tooltip.
אם ננסה להוסיף את הרכיבים ל- app.component.html אנחנו נראה שאפשר להוסיף רק את home-layout.
התוצאה נראת כך כאשר אנחנו מעלים את app.component.html (http://localhost:4200/):
יתרון נוסף שיש לפיצול למודולים הוא שניתן לטעון אותם ב-lazy-loading (נעסוק בזה בפעם אחרת)
